web开发调用百度地图API + AK申请
2018-03-27 15:37 ET.frog 阅读(12742) 评论(2) 编辑 收藏 举报web开发调用百度地图API + AK申请
要使用百度地图的API我们首先需要在我们的html页面引入js----``
如何获取百度地图ak：
- 1.登陆百度地图开发者平台
- 2.注册百度开发者账号并登陆
- 3.点击进入控制台创建应用，需要注意的是：“Referer白名单”这个字段填写你客户端的ip，不然最后的ak依然无法调用，当然也可以是网站，代表这个ak允许那些客户端使用
基本的准备工作到这里就结束了，下面看看调用代码:
```<body>
<div id="container" class="container"></div>
<script type="text/javascript">
var map = new BMap.Map("container");
// 创建地图实例
var point = new BMap.Point(108.188512, 31.23829);
// 创建点坐标
map.centerAndZoom(point, 19);
// 初始化地图，设置中心点坐标和地图级别
map.enableScrollWheelZoom(true);
// 滚动缩放
// var myStyleJson=[
// {
// "featureType": "road",
// "elementType": "geometry.stroke",
// "stylers": {
// "color": "#ff0000"
// }
// }];
// map.setMapStyle({styleJson: myStyleJson });
//风格
map.addEventListener("click", function(e){
var lat = e.point.lat;
var lng = e.point.lng;
console.log('东经'+lng, '北纬'+lat);
});
好了具体玩法参照百度地图API就可以了，这里做一个记录：老家的经纬度是（108.188512, 31.23829）
作者：KeerDi —— ET.frog
出处：http://www.cnblogs.com/frogblog/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源！
· 周边上新：园子的第一款马克杯温暖上架