麻辣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.下载内容仅限个人学习使用,请切勿用作商用等其他用途,否则后果自负。

3.如果本文对您有所帮助,请您对我们团队进行 打赏捐助让我们在传播3S的路上可以走得更远,不胜感激。PS:如果你是学生党,请优先把经费用于购买学习资料 以及 与小哥哥/小姐姐约会上:-)

如您有疑问,可在文末留言,或到QQ群中提问。

本站QQ群(一):291616564 加入QQ群

本站QQ群(二):166408035 加入QQ群

本站QQ群(三):627853279 加入QQ群

本站QQ群(四):436386604 加入QQ群

本站QQ群(五):606176554 加入QQ群

本站QQ群(六):946178380 加入QQ群

本站QQ群(七):861271808 加入QQ群

微信公众号:malagis,扫描右边二维码直接关注。

发表评论