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

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