Re: Marker not shown on mobile devices
Posted: 13 Nov 2018, 15:46
Hey there,
today I switched from Google Maps to OSM via Phoca Maps for one of our agency customers. The whole process was pretty straight forward, but upon testing the OSM, we realized, that no markers were displayed on any Apple device. Neither iPhones or Macbooks. Just a plain white, out of place dot. This is of course a problem, especially since our customer himself is an avid Mac user.
We tried to get to the bottom of this and I came across this topic. Rhondels answer did the trick. But you don't have to edit the css file. The main problem here is, that Phoca Maps does not include the needed images markers-soft@2x.png and markers-shadow@2x.png when you install the component. This CSS file plainly links to nonexisting images for any mac device.
Take a look at the source: https://github.com/lvoogdt/Leaflet.awesome-markers
Images Folder: https://github.com/lvoogdt/Leaflet.awes ... ist/images
The aforementioned image files are part of the dist, so anyone should just download it and upload the @2x image files to media/com_phocamaps/js/leaflet-awesome/images/ and you're good.
@Jan, you might want to add these images to future versions of Phoca Maps, since Apple devices are kinda important. ;)
today I switched from Google Maps to OSM via Phoca Maps for one of our agency customers. The whole process was pretty straight forward, but upon testing the OSM, we realized, that no markers were displayed on any Apple device. Neither iPhones or Macbooks. Just a plain white, out of place dot. This is of course a problem, especially since our customer himself is an avid Mac user.
We tried to get to the bottom of this and I came across this topic. Rhondels answer did the trick. But you don't have to edit the css file. The main problem here is, that Phoca Maps does not include the needed images markers-soft@2x.png and markers-shadow@2x.png when you install the component. This CSS file plainly links to nonexisting images for any mac device.
Take a look at the source: https://github.com/lvoogdt/Leaflet.awesome-markers
Images Folder: https://github.com/lvoogdt/Leaflet.awes ... ist/images
The aforementioned image files are part of the dist, so anyone should just download it and upload the @2x image files to media/com_phocamaps/js/leaflet-awesome/images/ and you're good.
@Jan, you might want to add these images to future versions of Phoca Maps, since Apple devices are kinda important. ;)