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

今天听到一个不幸的消息,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,不要从浏览器直接复制啊,亲!

四川省雅安市发生7.0级地震,祈福四川 四川雅安地震的地震目录数据获取

作者:,GIS爱好者。
分享本文,请您带上本文链接
分享到:

发表评论