Javascript 谷歌地图API v3禁用标记
我一直在做一个谷歌地图项目,它允许你在地图上绘制并保存一个边界(多边形)。然后将其保存到数据库中,页面刷新并将信息拉回到地图上 我从另一个用户的帖子中找到了下面的代码,并根据我的需要对其进行了修改,在您从数据库中绘制多边形之前,这些代码非常有效Javascript 谷歌地图API v3禁用标记,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我一直在做一个谷歌地图项目,它允许你在地图上绘制并保存一个边界(多边形)。然后将其保存到数据库中,页面刷新并将信息拉回到地图上 我从另一个用户的帖子中找到了下面的代码,并根据我的需要对其进行了修改,在您从数据库中绘制多边形之前,这些代码非常有效 google.maps.event.addDomListener(drawingManager, 'polygoncomplete', function(polygon) { polygon.setEditable(true); goog
google.maps.event.addDomListener(drawingManager, 'polygoncomplete', function(polygon) {
polygon.setEditable(true);
google.maps.event.addListener(polygon.getPath(), 'set_at', function () {
document.getElementById("coordsField").value = updateArray(polygon);
});
google.maps.event.addListener(polygon.getPath(), 'insert_at', function () {
document.getElementById("coordsField").value = updateArray(polygon);
});
});
代码将创建一个侦听器,等待多边形完成。然后,它将多边形设置为可编辑,并再创建两个侦听器。第一个等待更新当前点,第二个等待创建新点,然后两者都使用所有点更新阵列,并在触发时将其保存到隐藏字段
这段代码非常适合创建新的多边形,但是当从数据库创建多边形时,情况就不同了。当侦听器等待多边形完成时,它不会触发,因为它是自动操作的。我已尝试删除包装器:
google.maps.event.addDomListener(drawingManager, 'polygoncomplete', function(polygon) {}
并添加更新侦听器,但我得到一个错误“多边形未定义”。有人能解释如何解决这个问题吗?为drawingManager触发polygoncomplete事件,并将自动创建的多边形实例作为参数传递给回调函数(trigger的第三个参数):
如何从DB创建多边形?
polygonInstance = new google.maps.Polygon(/*options*/);
google.maps.event.trigger(drawingManager,
'polygoncomplete',
polygonInstance);