使用JavaScript Map API使用路径值绘制形状
使用JavaScript map API能够绘制多边形,并能够使用JavaScript map API获取路径值。代码如下。示例链接是。在绘制了一个样本形状之后,我得到了值'46.436134,27.640255;46.435209,27.639418;46.435601,27.643495;46.436341,27.641221;'. 如何使用这些值再次绘制形状。我试过“百慕大群岛”,但没用。实际上,我正在尝试绘制多边形,保存多边形,然后再次尝试显示多边形。请帮忙 代码使用JavaScript Map API使用路径值绘制形状,javascript,map-api,Javascript,Map Api,使用JavaScript map API能够绘制多边形,并能够使用JavaScript map API获取路径值。代码如下。示例链接是。在绘制了一个样本形状之后,我得到了值'46.436134,27.640255;46.435209,27.639418;46.435601,27.643495;46.436341,27.641221;'. 如何使用这些值再次绘制形状。我试过“百慕大群岛”,但没用。实际上,我正在尝试绘制多边形,保存多边形,然后再次尝试显示多边形。请帮忙 代码 函数initMap(
函数initMap(){
var map=new google.maps.map(document.getElementById('map'){
中心:{
拉脱维亚:46.435812,
液化天然气:27.639917
},
缩放:17,
mapTypeId:'混合'
});
var drawingManager=new google.maps.drawing.drawingManager({
drawingMode:google.maps.drawing.OverlyType.MARKER,
drawingControl:对,
drawingControlOptions:{
位置:google.maps.ControlPosition.TOP_CENTER,
绘图模式:[“多边形”]
},
});
google.maps.event.addListener(drawingManager,'polygoncomplete',函数(多边形){
var coordStr=“”;
对于(var i=0;i
<script>
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
center: {
lat: 46.435812,
lng: 27.639917
},
zoom: 17,
mapTypeId: 'hybrid'
});
var drawingManager = new google.maps.drawing.DrawingManager({
drawingMode: google.maps.drawing.OverlayType.MARKER,
drawingControl: true,
drawingControlOptions: {
position: google.maps.ControlPosition.TOP_CENTER,
drawingModes: ['polygon']
},
});
google.maps.event.addListener(drawingManager, 'polygoncomplete', function(polygon) {
var coordStr = "";
for (var i = 0; i < polygon.getPath().getLength(); i++) {
coordStr += polygon.getPath().getAt(i).toUrlValue(6) + ";";
console.log(coordStr);
document.getElementById('coords').value = coordStr;
}
});
drawingManager.setMap(map);
};
google.maps.event.addDomListener(window, "load", initMap);
</script>
<style>
html,
body,
#map {
height: 100%;
width: 100%;
margin: 0px;
padding: 0px
}
</style>
<input id="coords" style="width:600px" />
<div id="map"></div>
<script src="https://maps.googleapis.com/maps/api/js?key=xxxx&libraries=drawing&callback=initMap" async defer></script>