首页 / JAVASCRIPT / 利用百度地图JSAPI生成h7n9禽流感分布图实现代码_javascript技巧

利用百度地图JSAPI生成h7n9禽流感分布图实现代码_javascript技巧

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了利用百度地图JSAPI生成h7n9禽流感分布图实现代码_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1919字，纯文字阅读大概需要3分钟。

内容图文

下图为使用百度地图JSAPI生成的H7N9感染分布图示例，其中的数据来自新华网（4.8号），截图如下：
利用百度地图JSAPI生成h7n9禽流感分布图实现代码_javascript技巧 - 文章图片
使用的功能列表如下：
1.自定义版权控件功能，即（1）对应的数据来源部分，代码如下：
代码如下:

var cr = new BMap.CopyrightControl({anchor: BMAP_ANCHOR_TOP_RIGHT});
map.addControl(cr); //添加版权控件
var bs = map.getBounds();
cr.addCopyright({id: 1, content: "H7N9数据来源", bounds: bs});

2.获取行政边界功能，即（2）对应的四个省市边界，代码如下：
代码如下:

var bdary = new BMap.Boundary();//行政边界服务
var length=data.length;
for (var index=0;index<length ;index++ )
{
(function(index){ //闭包用法
bdary.get(data[index].city, function(rs){ //获取行政区域
var count = rs.boundaries.length; //行政区域有几部分多边形组成
var bounds;
var center;
for(var i = 0; i < count; i++){
ply = new BMap.Polygon(rs.boundaries[i], {strokeWeight: 2, strokeColor: data[index].color,fillColor: data[index].color,fillOpacity:0.8 }); //建立多边形覆盖物
if (!bounds)//取行政区域第一组成部分的中心点
{
center=ply.getBounds().getCenter();
}
map.addOverlay(ply); //添加行政边界
}
});
})(index);
}

3. 添加marker点和label，即（3,4）显示表示人的图片及感染人数的label：
代码如下:

var myIcon = new BMap.Icon("infection.png", new BMap.Size(27,60));
var marker1 = new BMap.Marker(center,{icon:myIcon}); // marker
map.addOverlay(marker1);
var label = new BMap.Label("人数"+data[index].infect,{offset:new BMap.Size(-10,0)});//显示label
marker1.setLabel(label);

完整代码如下：
代码如下:






内容总结

以上是互联网集市为您收集整理的利用百度地图JSAPI生成h7n9禽流感分布图实现代码_javascript技巧全部内容，希望文章能够帮你解决利用百度地图JSAPI生成h7n9禽流感分布图实现代码_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/316431.html

来源：【匿名】