Google maps 在谷歌地图外显示信息窗口
我已经用邮政编码多边形实现了谷歌地图,也就是说,我正在使用不同的邮政编码坐标在地图上绘制某些邮政编码多边形。在邮政编码多边形上,我显示了市场标记。当我点击邮政编码多边形或市场标记时,它会显示一个包含相应数据的信息窗口。但此窗口在地图内部打开,指向相应的邮政编码/市场标记。现在我有一个要求,我必须在地图外显示信息窗口,而不管邮政编码/标记。就像我将在地图外保留某个固定区域(可能是div),当我单击任何邮政编码多边形时,信息窗口将显示在该固定区域内。我们怎么做呢 我的工作代码Google maps 在谷歌地图外显示信息窗口,google-maps,google-maps-api-3,maps,Google Maps,Google Maps Api 3,Maps,我已经用邮政编码多边形实现了谷歌地图,也就是说,我正在使用不同的邮政编码坐标在地图上绘制某些邮政编码多边形。在邮政编码多边形上,我显示了市场标记。当我点击邮政编码多边形或市场标记时,它会显示一个包含相应数据的信息窗口。但此窗口在地图内部打开,指向相应的邮政编码/市场标记。现在我有一个要求,我必须在地图外显示信息窗口,而不管邮政编码/标记。就像我将在地图外保留某个固定区域(可能是div),当我单击任何邮政编码多边形时,信息窗口将显示在该固定区域内。我们怎么做呢 我的工作代码 var path =
var path = [
{% for polycoord in zip.zip_info.zip_polygon %}
new google.maps.LatLng({{polycoord.1}}, {{polycoord.0}}),
{% endfor %}
];
var polygon = new google.maps.Polygon(
{
path:path,
clickable:true,
strokeColor: '#000000',
strokeOpacity: 0.75,
strokeWeight: 1,
fillColor: '#333fff',
fillOpacity: 1,
}
);
google.maps.event.addListener(polygon, 'click', function (event) {
$.ajax({
type: "GET",
url: GET_DATA,
data: dataString,
success: function(res) {
if(res != '') {
var contentString = res;
var infoWindow = new google.maps.InfoWindow(
{ content: contentString });
infoWindow.setPosition(event.latLng);
infoWindow.open(map);
google.maps.event.addListener(map, 'click', function() {
infoWindow.close();
});
} else {
alert('No data found')
}
}
});
});
应该工作(如果您现有的代码不工作),而不是测试
google.maps.event.addListener(polygon, 'click', function (event) {
$.ajax({
type: "GET",
url: GET_DATA,
data: dataString,
success: function(res) {
if(res != '') {
var contentString = res;
document.getElementById('theIdOfYourDiv').innerHTML = res;
} else {
alert('No data found')
}
}
});
});
可以获取该值并将其插入另一个div。。你能发布你的代码让我看得更清楚吗?嗨,哈里克丽什,我已经添加了我的工作代码。当我点击任何邮政编码区域时,它会在地图内显示信息窗口。类似于?(在地图外的div中显示单击的国家…)