百度地图API使用-支持https网站

一、申请AK

百度地图开放平台地址:http://lbsyun.baidu.com/
顶部进入控制台,创建“服务端”应用

二、页面使用

1、页面引入百度地图api的js
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak={你的秘钥AK}&s=1"></script>
2、div标签
<div id="allmap" style="width: 504px;height: 310px"></div>
3、js代码
<script type="text/javascript">
    // 百度地图API功能
    var ggPoint = new BMap.Point({BD09百度坐标系});
    //地图初始化
   var bm = new BMap.Map("allmap");
   bm.centerAndZoom(ggPoint, 18);
   bm.addControl(new BMap.NavigationControl());
   //添加gps marker和label
   var markergg = new BMap.Marker(ggPoint);
   bm.addOverlay(markergg); //添加GPS marker
   var marker = new BMap.Marker(ggPoint);
   bm.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
</script>
4、修改坐标点
bm.clearOverlays();
var new_point = new BMap.Point({BD09百度坐标系});
var marker = new BMap.Marker(new_point); // 创建标注
bm.addOverlay(marker); // 将标注添加到地图中
bm.panTo(new_point); //转到该点位置
欢迎扫码关注公众号,不定期更新一些干货
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、百度地图API的应用场景和方法百度地图接口有三种调用方式:第一种是WEB浏览器端调用(H5);第二种是Andr...
    _花阅读 6,025评论 1 4
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,748评论 1 45
  • 这是关于原型设计规范的第二篇文章。 最早听说原型设计规范这个词,还是刚入行没多久,处于自我感觉超级好的打鸡血阶段,...
    风舟说阅读 27,312评论 19 177
  • 如何平静地让孩子与父母合作 内容简介 理解大吼大叫的深层因素; 提供不吼不叫的强力工具。 你真的可以学会停止向孩子...
    认真的小盛阅读 379评论 1 1
  • 《六祖坛经》上说,“一切福田,不离方寸”。 《了凡四训》中也有一句类似的话,“命由我作,福自己求”。 正如经典所言...
    电影夫人阅读 510评论 1 7