9

我正在使用以下代码在脚本中创建谷歌地图 -

var mapElement,
    parent,
    mapOptions,
    map,
    marker,
    latLong,
    openMarker;

parent = document.getElementsByClassName('parent')[0];
mapElement = document.createElement('div');
latLong = new google.maps.LatLng(some_lat_from_db, some_long_from_db);

mapOptions = {
    center: latLong,
    zoom: 14,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};

map = new google.maps.Map(mapElement, mapOptions);
marker = new google.maps.Marker({
    position: latLong,
    map: map,
    title: 'some title'
});

openMarker = function () {
    var infowindow = new google.maps.InfoWindow();
    infowindow.setContent('Some Content');
    infowindow.open(map, marker);
};

google.maps.event.addListener(marker, 'click', openMarker);
parent.appendChild(mapElement);
openMarker();

使用此代码时，默认打开的信息窗口位于地图视口之外，因此不可见。我首先尝试减小信息窗口的大小，但没有成功。所以我想稍微移动地图的中心，以便信息窗口保留在视口中。

那么，如何将中心移动一些像素以使信息窗口保留在视口中？

4

2 回答 2

32

您可以使用.setCenter()移动地图的中心

map.setCenter(marker.getPosition());

更新

将LatLngwith .fromLatLngToDivPixel()转换为Point添加偏移量并将其转换回LatLngwith .fromDivPixelToLatLng()

于 2013-01-13T17:11:06.297 回答
3

忘记所有这些废话，如果您想重复使用谷歌地图标记或移动谷歌地图标记，或者重新定位谷歌地图标记，这就是有效的方法。

var lo = <yourval>;
var la = <yourval>;
var midpoint = {lat:la, lng:lo };
marker.setPosition(midpoint);

如果您想销毁谷歌地图标记或删除谷歌地图标记

marker.setMap(null);
于 2018-02-23T06:13:16.160 回答