gpt4 book ai didi

google-maps - 删除标记时设置缩放级别

转载 作者:行者123 更新时间:2023-12-01 01:34:40 25 4
gpt4 key购买 nike

使用 javascript 谷歌地图 api

我目前已将其设置为删除制造商我在添加这样的位置时设置了它

  function addLocation(map,location) {
var point = new GLatLng(location.lat, location.lon);
var marker = new GMarker(point);
map.addOverlay(marker);
bounds.extend(marker.getPoint());

$('<a href="#" class="closebutton">').click(function(e){
e.preventDefault();
$(this).parent().remove();
map.removeOverlay(marker);
map.closeInfoWindow();
}).prependTo($('<li>'+location.label+'</li>').click(function() {
showMessage(marker, location.label,map);
}).appendTo("#list"));
GEvent.addListener(marker, "click", function() {
showMessage(marker, location.label,map);
});
}

然后我有一个设置缩放级别的功能
 function zoomToBounds(map) {
map.setCenter(bounds.getCenter());
map.setZoom(map.getBoundsZoomLevel(bounds) - 1);
}

这是在我的 addLocations 函数之后调用的,它执行我想要它执行的操作并设置缩放级别,以便我可以看到所有制造商。

现在,如果我在之后立即调用 zoomToBounds
  map.removeOverlay(marker);

然后它不会移动它只是保持在相同的缩放级别

所以我想知道的是,我是否有办法在删除标记后设置缩放级别?

最佳答案

嘿,这绝对是您可以使用 Google Maps API 完成的事情。

您需要确保做的一件重要事情是在尝试让 GMap2 对象重新计算其位置和缩放级别之前更新 GLatLngBounds 对象。

为此,我建议保留 GMarkers 正在使用的所有点的某种数据存储。

使用 GEvent 监听器,您还可以在移除 GMarker 时将 zoomToBounds 函数绑定(bind)到事件。

这是我正在谈论的代码片段:

var bounds = new GLatLngBounds();
var points = {};

function createMarker(location)
{
/*Create Our Marker*/
var point = new GLatLng(location.lat,location.lon);
var marker = new GMarker(point);

/*Add an additional identifier to the Marker*/
marker.myMarkerName = 'uniqueNameToIDMarkerPointLater';

/*Store the point used by this Marker in the points object*/
points[marker.myMarkerName] = point;

/*Create an event that triggers after the marker is removed to call zoomToBounds*/
GEvent.addListener(marker,"remove",function()
{
/*Passes the marker's ID to zoomToBounds*/
zoomToBounds(this.myMarkerName);
};

/*Add the new point to the existing bounds calculation*/
bounds.extend(point);

/*Draws the Marker on the Map*/
map.addOverlay(marker);
}

function zoomToBounds(name)
{
/*Remove the Point from the Point Data Store*/
points[name]=null;

/*Create a new Bounds object*/
bounds = new GLatLngBounds();

/*Iterate through all our points and build our new GLatLngBounds object*/
for (var point in points)
{
if (points[point]!=null)
{
bounds.extend(points[point]);
}
}

/*Calculate the Position and Zoom of the Map*/
map.setCenter(bounds.getCenter());
map.setZoom(map.getBoundsZoomLevel(bounds)-1);
}

GLatLngBounds 对象不存储用于计算其最大和最小边界的所有点 - 因此需要创建一个新对象来重新定义矩形的边界。

我还创建了一个位于
here .

随意将源代码用于您需要的任何东西 - 让我知道您是如何使用它的,或者如果您有任何其他问题!

这是没有任何注释的代码:
var bounds = new GLatLngBounds();
var points = {};

function createMarker(location)
{
var point = new GLatLng(location.lat,location.lon);
var marker = new GMarker(point);
marker.myMarkerName = 'uniqueNameToIDMarkerPointLater';
points[marker.myMarkerName] = point;
GEvent.addListener(marker,"remove",function()
{
zoomToBounds(this.myMarkerName);
};
bounds.extend(point);
map.addOverlay(marker);
}

function zoomToBounds(name)
{
points[name]=null;
bounds = new GLatLngBounds();
for (var point in points)
{
if (points[point]!=null)
{
bounds.extend(points[point]);
}
}
map.setCenter(bounds.getCenter());
map.setZoom(map.getBoundsZoomLevel(bounds)-1);
}

关于google-maps - 删除标记时设置缩放级别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2716735/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com