Wie man Bildschirm XY von Google maps (V3) LatLng?

Wenn Sie die LatLng-Objekt verwenden, können Sie die google map-Projektion-Objekt zu verwandeln, in die tile-Koordinaten und Sie dann in pixel-Koordinaten:

Für die docs auf der Projektion Klasse:
https://developers.google.com/maps/documentation/javascript/reference#Projection

Google Beispiel erklären, wie die Transformation einer LatLng in ein pixel-Koordinate:
https://developers.google.com/maps/documentation/javascript/examples/map-coordinates?csw=1

Gibt es einen Haken. Die oben wird Ihnen die pixel-Koordinaten in google map-div (was Sie wollen, kann je nach Bedarf). Wenn Sie wollen, dass die Pixel relativ zur oberen linken Ecke des Bildschirms, gibt es einen Schritt mehr. Sie müssen die gleiche Projektion auf die des Viewports der linken oberen Ecke, und subtrahieren Sie die beiden. Dies wird Ihnen die pixel-Koordinaten des LatLng Punkt.

Den code, den ich schließlich sah wie folgt aus (beachten Sie, dass "latLng" ist ein Eingang):

var numTiles = 1 << map.getZoom();
var projection = map.getProjection();
var worldCoordinate = projection.fromLatLngToPoint(latLng);
var pixelCoordinate = new google.maps.Point(
        worldCoordinate.x * numTiles,
        worldCoordinate.y * numTiles);

var topLeft = new google.maps.LatLng(
    map.getBounds().getNorthEast().lat(),
    map.getBounds().getSouthWest().lng()
);

var topLeftWorldCoordinate = projection.fromLatLngToPoint(topLeft);
var topLeftPixelCoordinate = new google.maps.Point(
        topLeftWorldCoordinate.x * numTiles,
        topLeftWorldCoordinate.y * numTiles);

return new google.maps.Point(
        pixelCoordinate.x - topLeftPixelCoordinate.x,
        pixelCoordinate.y - topLeftPixelCoordinate.y
)