web開發調用百度地圖API + AK申請


web開發調用百度地圖API + AK申請

要使用百度地圖的API我們首先需要在我們的html頁面引入js----``

如何獲取百度地圖ak:

  • 1.登陸百度地圖開發者平台
  • 2.注冊百度開發者賬號並登陸
  • 3.點擊進入控制台創建應用,需要注意的是:“Referer白名單”這個字段填寫你客戶端的ip,不然最后的ak依然無法調用,當然也可以是網站,代表這個ak允許那些客戶端使用

基本的准備工作到這里就結束了,下面看看調用代碼:

``` Hello, World
<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)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM