百度地圖入門API使用（一）

本文章叫你如何簡單的使用百度提供的地圖api

首先需要注冊一個百度地圖的賬号詳情 請 點選百度開放平台

我們跳過此步

做一個自己的地圖dome

檢視開發文檔我們可以看到 首先需要使用百度提供的script

然後我們需要在頁面給 api一個容器

直接上代碼 引入百度script檔案

在頁面建立一個容器

<style>
        html,
        body {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
        }
        
        #map {
            width: 50%;
            height: 50%;
            margin: auto;
        }
    </style>
           

我們給個div 給它當容器

1.接下來 需要使用這個容器 new BMapGL.Map()

//使用容器
var _Map = new BMapGL.Map('map')
           

2.建立地圖執行個體 new BMapGL.Point(經度，緯度)

//中心點的經度 緯度
// 建立地圖執行個體 
var point = new BMapGL.Point(114.17, 30.36)
           

3.地圖初始化 設定地圖級别 map.centerAndZoom(地圖執行個體，地圖級别)

// 傳入執行個體 1 - 18 由遠到近顯示 初始化
 _Map.centerAndZoom(point, 18)
           

做完這一步 你就可以得到一個以你填的經緯度為中心的地圖了

接下來的是一點輔助功能

4.是否允許滾輪縮放

//是否允許滾輪縮放
 _Map.enableScrollWheelZoom(true);
           

5.改變模式

//改變模式開啟地球模式
 _Map.setMapType(BMAP_EARTH_MAP);