google-maps - 如何将 LatLng 转换为 (x , y) 像素，反之亦然？

Question

我正在使用谷歌地图 API V3，我想在用户单击 map 时创建一个可编辑的 100px X 100px 矩形。

现在我只需要用户点击的 (x,y) 点，然后是 (x+100 , y+100) 的纬度和经度。任何想法？

Answer 1

此函数应围绕您传递给它的中心(LatLng)创建一个 100 x100 的矩形。

function setRectangle(center){
    var scale = Math.pow(2,map.getZoom());
    var proj = map.getProjection();
    var wc = proj.fromLatLngToPoint(center);
    var bounds = new google.maps.LatLngBounds();
    var sw = new google.maps.Point(((wc.x * scale) - 50)/ scale, ((wc.y * scale) - 50)/ scale);
    bounds.extend(proj.fromPointToLatLng(sw));
    var ne = new google.maps.Point(((wc.x * scale) + 50)/ scale, ((wc.y * scale) + 50)/ scale);
    bounds.extend(proj.fromPointToLatLng(ne));
    var opts = {
        bounds: bounds,
        map: map,
        editable:true
    }
    var rect = new google.maps.Rectangle(opts);

}