gpt4 book ai didi

javascript - 带有标签/文本的 Google Map API v3 多标记

转载 作者:行者123 更新时间:2023-12-04 01:07:37 26 4
gpt4 key购买 nike

<分区>

我找到了在谷歌地图标记上放置标签/文本的解决方案。在此链接中找到 http://google-maps-utility-library-v3.googlecode.com/svn/tags/markerwithlabel/1.1.8/docs/reference.html

我的问题是标记放在一个地方。但是每个标记上的标签/文本都放置在正确的点上。谁能帮帮我?

下面的代码在一个用于循环的 $.each() jQuery 函数中。

geocoder.geocode( { 'address': address }, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
var contentString = "sample text";

var infowindow = new google.maps.InfoWindow({
content: contentString;
});

var marker = new MarkerWithLabel({
position: results[0].geometry.location,
map: map,
animation: google.maps.Animation.DROP,
title: address,
labelContent: lblAddress,
labelAnchor: new google.maps.Point(7, 30),
labelClass: "map-labels", // the CSS class for the marker
});

google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map, this);
});
}

enter image description here

上图显示两个不同点的标记显示在一个地方。我对此很确定,因为当我单击标签“18107 Gold Mesa”时,将打开一个信息窗口,但该信息窗口将显示在“3611 Alonzo Fields”上。那个点上有两个标记。

但是当我不使用第 3 方库时。标记放置在正确的点上。使用谷歌地图方法放置标记。 新的 google.maps.Marker

谢谢,贾斯汀

26 4 0