search

arnaudleclerc / ng-azure-maps

Angular wrapper around azure maps
MIT License
16 stars 14 forks source link

Zoom control, map-drawing-toolbar and map-html-marker not showing up #65

Open PATTE7556 opened 2 years ago

PATTE7556 commented 2 years ago

Hi! This code is giving me this layout:

<azure-map id="map" [showLogo]=false (onReady)="mapReady()" > <map-zoom-control [position]="controlPosition.TopLeft">

<map-compass-control [position]="controlPosition.BottomLeft"></map-compass-control>
<map-html-marker *ngFor="let markerPosition of markerPositions" [position]='markerPosition'></map-html-marker>

image

Why is it not working??

leomon38 commented 1 year ago

I am having same issue with Angular 15 stack "azure-maps-control": "~2.3.2", "azure-maps-drawing-tools": "~1.0.0", "azure-maps-rest": "^2.1.0", "ng-azure-maps": "7.0.0",

The Map shows similar to what @PATTE7556 reported

The warning message in console I think related to this is image

But I tried to include in
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v2.15.0/mapbox-gl.css' rel='stylesheet' />

It still gives me the warning and the map not showing correctly