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)
