How to set different location sizes for mobile devices?
You can load the map manually and then detect if the device is a mobile device, adjusting the size of the locations accordingly. Here's how to do it:
1. Load your map manually. Here is an example:
https://simplemaps.com/docs/load-manually#worldmap
2. The following code detects if the map is being loaded onto a mobile device and dynamically adjusts the size of the location markers using our JavaScript Hooks and APIs:
<script> simplemaps_worldmap.hooks.ready = function(){
if (simplemaps_worldmap.mobile_device){
simplemaps_worldmap_mapdata.main_settings.location_size = 50;
}
simplemaps_worldmap.load();
} </script>
Here is more information: