2012-04-09 11 views
0

Ich verwende Google Map V3 API und Overlays verwenden, um einige Bilder auf der Karte anzuzeigen.Make Overlay ziehen mit, wenn Google Map gezogen wird

Problem: Wenn sich das Overlay auf der Karte befindet und die Karte gezogen wird, bewegt sich die Karte, aber das Overlay bleibt an derselben Position im Kartencontainer (dh es bewegt sich nicht). Wie kann ich die Überlagerung mit der Karte verschieben, wenn die Karte gezogen wird?

JS-Code

var overlay = new google.maps.OverlayView(); 
overlay.draw = function() {}; 
overlay.setMap(map); 
divLatLng = new google.maps.LatLng(lat, lng); 
var left = overlay.getProjection().fromLatLngToContainerPixel(divLatLng).x; 
var top = overlay.getProjection().fromLatLngToContainerPixel(divLatLng).y; 
$('#div').css('position', 'absolute'); 
$('#div').css('top', top); 
$('#div').css('left', left); 
+0

Gibt es einen bestimmten Grund, warum Sie keine Markierung auf der Karte verwenden möchten, da diese Funktionalität eingebaut ist? –

+0

Ich zeige ein div mit etwas Inhalt darin, dass ich glaube nicht, dass mit dem Marker leicht gemacht werden kann. Es ist ein Label, dessen Position/Ausrichtung und Image von Javascript gesteuert wird. – Nyxynyx

+0

Ich kann die Art ändern, wie ich das Problem anwende, indem ich einen Marker verwende, danke für die Idee! Aber ich würde gerne sehen, wie schwierig es ist, ohne den eingebauten Marker zu arbeiten. – Nyxynyx

Antwort

0

Gelöst einen Marker. Danke Rory!

Verwandte Themen