Integrate Mapillary viewer with Openlayers side by side
Mapillary offers several examples of integrating web mapping clients, but Openlayers is missing. I thought it was time to add Openlayers to that list.
In this example I created a map icon using two font codes from font-awesome. The point feature is then placed on top of the OpenStreetMap basemap. Updating the position of the icon happens when you click the controls within the mapillary viewer. If you click on the image locations on the map the mapillary viewer will automatically update. The icon bearing also adjust correctly to the camera bearing values.
In this example I created a map icon using two font codes from font-awesome. The point feature is then placed on top of the OpenStreetMap basemap. Updating the position of the icon happens when you click the controls within the mapillary viewer. If you click on the image locations on the map the mapillary viewer will automatically update. The icon bearing also adjust correctly to the camera bearing values.
See the Pen sync mapillary with openlayers full working example by Michael Diener (@mdiener21) on CodePen.
Comments
Post a Comment