Jquery 在gmap上绘制和编辑多边形节点，并将检索点作为Angularjs上的阵列
我正在创建一个位置基准边界来标记交付区域。 由于上述参考资料或其他教程的信息非常少。请推荐一份从零开始的参考资料 这里找到了一个解决方案。它使用一个函数向传入的多边形添加删除按钮 别忘了添加谷歌地图库Jquery 在gmap上绘制和编辑多边形节点，并将检索点作为Angularjs上的阵列,jquery,angularjs,google-maps,Jquery,Angularjs,Google Maps,我正在创建一个位置基准边界来标记交付区域。 由于上述参考资料或其他教程的信息非常少。请推荐一份从零开始的参考资料 这里找到了一个解决方案。它使用一个函数向传入的多边形添加删除按钮 别忘了添加谷歌地图库 var G=google.maps； var=7； var中心点=新的G.LatLng（45.5，-100.5）； $（函数（）{ //创建选项对象 变量myOptions={ 中心：中心点， 缩放：缩放， mapTypeId:G.mapTypeId.ROADMAP }; //使用选项创建地图
var G=google.maps；
var=7；
var中心点=新的G.LatLng（45.5，-100.5）；
$（函数（）{
//创建选项对象
变量myOptions={
中心：中心点，
缩放：缩放，
mapTypeId:G.mapTypeId.ROADMAP
};
//使用选项创建地图
var-map=newg.map（$（“#map_canvas”）[0]，myOptions）；
添加多边形（地图）；
});
函数addPolygon（map）{
变量路径=[
新G.LatLng（45，-100），
新G.LatLng（45.5，-99.5），
新G.LatLng（46，-100），
新G.LatLng（46，-101），
新G.LatLng（45，-101）
];
多边形=新的G多边形({
可点击：false，
路径：路径，
地图：地图
});
poly.setEditable（真）；
addDeleteButton（多边形，'http://i.imgur.com/RUrKV.png');
}
函数addDeleteButton（多边形，图像URL）{
var path=poly.getPath（）；
路径[“btnDeleteClickHandler”]={}；
路径[“btnDeleteImageUrl”]=imageUrl；
google.maps.event.addListener（poly.getPath（），'set_at'，pointUpdated）；
google.maps.event.addListener（poly.getPath（），'insert_at'，pointUpdated）；
}
函数点更新（索引）{
var path=这个；
var btnDelete=getDeleteButton（path.btnDeleteImageUrl）；
if（btnDelete.length==0）
{
变量undoimg=$（“img[src$=”http://maps.gstatic.com/mapfiles/undo_poly.png']");
undoimg.parent（）.css（'height'，'21px！important'）；
撤消img.parent（）.parent（）.append（“”）；
//现在把那个按钮拿回来！
btnDelete=getDeleteButton（路径.btnDeleteImageUrl）；
hover（函数（）{$（this）.css（'left'，'-30px'）；返回false；}，
函数（）{$（this.css（'left'，'0px'）；返回false；}）；
btnDelete.mousedown（函数（）{$（this.css（'left'，'-60px'）；返回false；}）；
}
//如果我们已经附加了处理程序，请将其删除
if（path.btnDeleteClickHandler）
取消绑定（'click'，path.btnDeleteClickHandler）；
//现在添加一个用于删除传入索引的处理程序
path.btnDeleteClickHandler=函数（）{
移除路径（索引）；
返回false；
};
btnDelete.click（路径.btnDeleteClickHandler）；
}
函数getDeleteButton（imageUrl）{
返回$（“img[src$='”+imageUrl+“]”）；
}
谷歌地图示例
html{高度：100%}
正文{高度：100%；边距：0；填充：0}
#地图画布{高度：100%}