最近在写配送区域相关的代码,具体需求如下:
根据腾讯地图划分配送区域,总站下边设多个配送分站,然后将订单中的收货地址将其分配给不同的配送分站。
1、地图区域划分(腾讯地图)
1.1、HTML
<i-col span="12">
<!-- 定义地图显示容器 -->
<center>
<i-button type="info" @click="initNewMap()" style="margin-left: 8px">重置地图</i-button>
</center>
<div id="container" style="width:100%;height:630px;border-radius:10px;margin-top:10px;">
</div>
</i-col>
1.2、JS
//初始化新地图
initNewMap:function(){
var map = new qq.maps.Map(document.getElementById("container"), {
center: new qq.maps.LatLng(36.05562,103.88191),// 地图的中心地理坐标。
zoom:13// 地图的中心地理坐标。
});
var drawingManagerOpt = new qq.maps.drawing.DrawingManager({
drawingMode: qq.maps.drawing.OverlayType.POLYGON,
drawingControl: true,
drawingControlOptions: {
position: qq.maps.ControlPosition.TOP_CENTER,
drawingModes: [
qq.maps.drawing.OverlayType.POLYGON
]
},