Unable to load angular component in mapbox-gl popup

Asked Jun 11 '18 at 10:37

Active Jun 11 '18 at 10:49

Viewed 841 times

Unable to render angular component in popup

var popUp=new mapboxgl.Popup().setHTML("<vas-map-hover [marker]='marker'></vas-map-hover>");
var markerObj = new mapboxgl.Marker(el)
          .setLngLat(marker.geometry.coordinates)
          .setPopup(popUp)
          .addTo(self.map);

edited Jun 11 '18 at 10:49

asked Jun 11 '18 at 10:37

Barnendu Pal

What is your actual question? – Dragonthoughts Jun 11 '18 at 10:56
Do you get any errors? And at what point in the lifecycle are you running this code? – kodeaben Jun 11 '18 at 11:04
It's not rendering the actual template for vas-map-hover component. – Barnendu Pal Jun 11 '18 at 11:44
it's probably because angular sanitizer sanitizes your html to be "safe" to prevent XSS attacks – pujoey Aug 10 '18 at 00:49
Possible duplicate of [Mapbox GL Popup set content with custom tag](https://stackoverflow.com/questions/48229709/mapbox-gl-popup-set-content-with-custom-tag) – tilo May 24 '19 at 07:06
any answer i use latest version ? – Osama khodroj Jan 27 '21 at 12:21

Unable to load angular component in mapbox-gl popup

0 Answers0