摘要
在离线地图上描绘家乡行政区域,步骤如下:先从在线地图获取边界多边形数据,然后修改代码,将家乡名称填入。最后复制输出的经纬度字符串,即可绘制出家乡的美丽边界。让我们为家乡画上一道独特的风景线吧!
正文
想要在离线地图上绘制行政区域范围,请参考如下步骤:
1. 从在线地图上获得行政区边界的多边形数据
浏览器打开地址: http://lbsyun.baidu.com/jsdemo/demo/c1_10.htm;
将此网页的源码保存下来;
修改下图所示的地方,将北京市海淀区替换成你自己的区域,比如: 青岛
2. 修改后的网页打开它,会在控制台输出数据。请把RS= 后面的数据复制出来。其实就是很多经纬度的字符串。
下图是控制台打印输出的数据:
拷贝到我们的一个js文件中,如qingdao.js,并赋值给一个变量:
var prov_boundary = ‘上面的数据’;
3. 在我们的项目中引用找个qingdao.js,然后在地图上绘制一个折线:
//绘制省份的轮廓, 用BMap.Boundary()在线获得数据(rs.boundaries[i]) http://lbsyun.baidu.com/jsdemo.htm(覆盖物-添加行政区域)
var prov_area = new BMap.Polyline(prov_boundary, {strokeWeight: 2, strokeColor: “#ff0000”});
map.addOverlay(prov_area);
4. 大功告成,行政区域边界绘制出来啦:
关注不迷路
扫码下方二维码,关注宇凡盒子公众号,免费获取最新技术内幕!
温馨提示:如果您访问和下载本站资源,表示您已同意只将下载文件用于研究、学习而非其他用途。
评论0