刚接触leaflet做个记录
一、阿里云的生成编辑可以现在生成相应边界的api或者图片(DataV.GeoAtlas地理小工具系列)
二、清楚$.getJSON()与L.getJSON的区别
1、$.getJSON是请求json数据的方法,支持跨域
2、L.getJSON参数中的url就是生成的json文件
所以如果是生成的api边界就是需要用$.getJSON()方法获取解析出的json数据,再用L.getJSON()
画出边界;(this.cityCode----------行政区划code)
drawBoundary() {
let qh = 'https://geo.datav.aliyun.com/areas_v3/bound/'+this.cityCode+'_full.json';
$.getJSON(qh, (data,status) => {
L.geoJSON(data, {
style: {
weight: 1,
opacity: 1,
color: '#04ffd3',
fillOpacity: 0.1,
fillColor: '#0EFFA1'
},
}).addTo(window.map);
})
},