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

       今天听到一个不幸的消息，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