如何在谷歌地图上的指定边界上绘制标记？

发布于 2024-12-05 20:11:47 字数 499 浏览 1 评论 0原文

我想在谷歌地图上绘制标记。标记数据来自 JSON。（来自 json 文件，而不是来自数据库）并且所有数据都有几何形状（纬度，经度）

重要的是当我拖动谷歌地图时，浏览器将显示一些边界。

然后标记必须仅显示在显示的地图上。

再次拖动地图后，标记将重置并在新边界中显示新标记。

google.maps.event.addListener(map, 'dragend', function(event) {
  var bd = map.getBounds();
  var ne = bd.getNorthEast();
  var sw = bd.getSouthWest();
  var nw = new google.maps.LatLng(ne.lat(), sw.lng());
  var se = new google.maps.LatLng(sw.lat(), ne.lng());

我无法再进步了..

请提供一些示例网址或帮助..

原文

I want to draw marker on google maps. The marker data is from JSON.(from json file, not from database) and all data have a geometry (latitude, longitude)

An important thing is when I drag google maps, the browser will show some boundary.

And then the markers have to show on only shown maps.

After drag map again, the marker resets and show new marker in new boundary.

google.maps.event.addListener(map, 'dragend', function(event) {
  var bd = map.getBounds();
  var ne = bd.getNorthEast();
  var sw = bd.getSouthWest();
  var nw = new google.maps.LatLng(ne.lat(), sw.lng());
  var se = new google.maps.LatLng(sw.lat(), ne.lng());

I can not progress any more..

Please give some example url or help..

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

少钕鈤記 2024-12-12 20:11:47

因此，您已经获得了某种边界的 4 个角的点，并且您想在其中放置一个标记。因此，您有一堆标记，但您只想绘制当前边界内的标记。

因此，类似这样的方法可能会起作用：

var latlng = new google.maps.LatLng(54.42838,-2.9623);
var marker = new google.maps.Marker({
    position: latlng, 
});

if (bd.contains(latlng)) {
    marker.setMap(map);
}

您可能需要 setMap(null) 来处理超出边界的任何标记。

So you've got the points for the 4 corners of some kind of boundary, and you want to put a marker in there. So you have a bunch of markers, but you only want to plot the ones that fall within the current bounds.

So something like this might work:

var latlng = new google.maps.LatLng(54.42838,-2.9623);
var marker = new google.maps.Marker({
    position: latlng, 
});

if (bd.contains(latlng)) {
    marker.setMap(map);
}

You might want to setMap(null) for any markers that fall outwith the bounds.

回复收藏 0 原文

~没有更多了~