2016-09-05 4 views
0

Ich weiß, dass es möglich ist, Linien, Punkte oder Polygone hinzuzufügen, indem man eine Geojson-Quelle in Mapbox gl hinzufügt, diese würden auf der Karte durch Koordinaten lokalisiert. Was ich jedoch versuche, ist ein einfaches Polygon, das auf der Leinwand fixiert wird und an der gleichen Position der Leinwand bleibt - nicht am Globus -, selbst wenn der Benutzer schwenkt oder zoomt.Hinzufügen eines festen Quadrats in Mapbox gl?

(Beachten Sie, dass dies durch Zurücksetzen der Daten des ursprünglichen Geojons auf Zoom/Pan erreicht werden kann, aber die Figur würde dann einen Fehler machen).

Ich würde jede Idee, danke schätzen.

+1

blättern Wenn Sie nur ein Feld möchten, bewegt sich nicht, warum in WebGL ziehen? Einfach ein div machen und mit CSS positionieren? – gman

+0

Würde das den Bereich nicht scrollbar machen? Ich möchte nicht die Kartensteuerung - Zoom/Pan - über den Bereich, wo das Quadrat ist, verlieren, wenn das Sinn macht. – Cristina

+0

Was meinst du mit nicht scrollbar? Würde 'Zeiger-Ereignisse: keine;' Handle es? – gman

Antwort

3

Wenn Sie nur eine Box möchten, die sich nicht bewegt, warum in WebGL zeichnen? Einfach ein div machen und mit CSS positionieren?

Die example on this page hat 2 div basierte Rechtecke. Man sagt "US-Bevölkerungsdichte" und das andere ist die Legende.

Wenn sich die Maus über ihnen befindet, blockieren sie das Scrollen.

Wenn ich rechts auf einen klicke und "inspect" wähle, sehe ich, dass es eine "map-overlay" CSS Klasse hat. Wenn ich pointer-events: none ihm hinzufügen plötzlich kann ich

enter image description here

+0

Danke, das hat den Job gemacht :) – Cristina