更多分类
麻辣GIS微信平台

更多 GIS 干货

微信关注不错过

在百度地图中标注四川雅安地震的位置

今天听到一个不幸的消息,8时2分四川雅安地震了,震级在7.0级左右,当地的通讯受到影响,不知道伤亡情况。本站在得知消息后立即发了新闻,并且在本站微信里推送了消息,祈福四川平安。

中国地震台网的消息只有一个简单的经纬度,不能很精确的给出震源,所以我用百度地图标注了震源,就是在四川省雅安市发生7.0级地震,祈福四川所看到的样子。用百度地图的方法也不难,这里给出我实现代码的主要部分:

var map = new BMap.Map("container");          // 创建地图实例  
var point = new BMap.Point(103.0, 30.3);  // 创建点坐标  
BMap.Convertor.translate(point,0,translateCallback);     //真实经纬度转成百度坐标
map.addControl(new BMap.MapTypeControl());          //添加地图类型控件  
map.addControl(new BMap.NavigationControl());
map.enableScrollWheelZoom();    // 启动鼠标滚轮操作
//坐标转换完之后的回调函数
function translateCallback(point1){
map.centerAndZoom(point1, 8);// 初始化地图,设置中心点坐标和地图级别 
    var marker1 = new BMap.Marker(point1);
    map.addOverlay(marker1);
    var label = new BMap.Label("地震震源",{offset:new BMap.Size(20,-10)});
    marker1.setLabel(label); //添加百度label
    map.setCenter(point1); 
}

这里需要注意的是百度的坐标转换,因为百度的坐标是加密的,所以这里必须进行一步转换,之前我曾经在利用html5获取经纬度并且在百度地图中显示位置文章里犯过一个这样的错误,当然这里修正了。当然要使用百度地图需要申请apikey

效果图:

关于这个demo:

点击这里预览  点击这里下载

解压密码:

malagis.com

PS:注意,密码是malagis.com,没有前面的http,不要从浏览器直接复制啊,亲!

相关阅读

麻辣GIS-Sailor

作者:

GIS爱好者,学GIS,更爱玩GIS。

声明

1.本文所分享的所有需要用户下载使用的内容(包括但不限于软件、数据、图片)来自于网络或者麻辣GIS粉丝自行分享,版权归该下载资源的合法拥有者所有,如有侵权请第一时间联系本站删除。

2.下载内容仅限个人学习使用,请切勿用作商用等其他用途,否则后果自负。

手机阅读
公众号关注
B站关注
手机阅读
麻辣GIS微信公众号关注
最新GIS干货
麻辣GIS小破B站
有趣的技术视频

留言板(小编看到第一时间回复)