Mapkit js Map type, -&+ not displaying on mobile devices

Question

Created Oct ’20

Replies 2

Boosts 0

Participants 2

Hi,
Any pointers as to why the map type display (top right screen) and the zoom -&+ (bottom right) don't seem to want to appear on ipPad and iPhone displays?
I'm using this for the viewport:
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
The icons display fine on desktop.
the page can be seen here: www.biglow+co+uk/
SWPeak/apple/maskgridmarker.html
Obviously replace the +

Boost

Answer 1

Frameworks Engineer OP

Apple

Oct ’20

The map type control and the zoom control are turned off by default on mobile devices. If you would like them to always shown, set it to true explicitly in the mapkit.Map initialization option:

Code Block jslet map = new mapkit.Map(
    container,
    {
        showsMapTypeControl: true,
        showsZoomControl: true
    }
);

0

Answer 2

PeterNeville OP

Oct ’20

Brilliant, thank you. I'm a newbie at mapkit js but I do like the system. Steep learning curve! Many thanks.

0