前言
-
有需求就會有市場，百度地圖也會開放一些免費(fèi)的Api。來提供一些基本的地圖服務(wù)。
-
今天我們講解的是百度地圖申請AK過程，和申請完之后基本的使用，方便大家日后有需要瀏覽。
AK-申請
1.首先我們學(xué)習(xí)一個(gè)技術(shù)最直接的是去看官方文檔，大家可以搜索百度地圖開放平臺也可以通過下面鏈接進(jìn)去
官網(wǎng)
2.進(jìn)到官網(wǎng)
3.點(diǎn)擊控制臺，如果沒登錄會跳到登錄頁 用百度掃一掃直接登錄
4.進(jìn)去之后頁面應(yīng)用管理-我的應(yīng)用-創(chuàng)建應(yīng)用
5.應(yīng)用名稱：取個(gè)相關(guān)的項(xiàng)目名 類型選擇瀏覽器端 白名單填個(gè) * 就可以
注意：第一次申請Ak 它會讓你去完善相關(guān)信息描述（用來描述AK用來干什么）如實(shí)描述一般都會通過審核
6.創(chuàng)建成功之后
小結(jié)：
但我們看到這個(gè)頁面就說明我們的AK申請成功了，AK有什么用。AK就相當(dāng)于我們百度地圖的身份標(biāo)識，也會跟實(shí)名信息綁在一起，只能用于正常開發(fā)（不能非法使用）。但我們有了AK之后就可以參考開發(fā)文檔中來調(diào)用百度地圖了。也可以用于Vue-baidu-map 后面文章會講
官方文檔
廢話不多說直接上代碼
注意：一般你復(fù)制過來他會報(bào)一個(gè)錯(cuò)誤什么為not defined，仔細(xì)觀察你就會發(fā)現(xiàn)是因?yàn)闆]有加https：導(dǎo)致沒有獲取到所以就是這個(gè)報(bào)錯(cuò)，把這個(gè)加上就行了（注意不要忘記了后面的：）
<!DOCTYPE html>
<html>
?<head>
? ?<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
? ?<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
? ?<style type="text/css">
? ? ?body,
? ? ?html,
? ? ?#allmap {
? ? ? ?width: 100%;
? ? ? ?height: 100%;
? ? ? ?overflow: hidden;
? ? ? ?margin: 0;
? ? ? ?font-family: '微軟雅黑';
? ? }
? ?</style>
? ?<script
? ? ?type="text/javascript"
? ? ?src="https://api.map.baidu.com/api?type=webgl&v=1.0&ak=你申請的AK"
? ?></script>
? ?<title>地圖展示</title>
?</head>
?<body>
? ?<div id="allmap"></div>
?</body>
</html>
<script type="text/javascript">
?// GL版命名空間為BMapGL
?// 按住鼠標(biāo)右鍵，修改傾斜角和角度
?var map = new BMapGL.Map('allmap') // 創(chuàng)建Map實(shí)例
?map.centerAndZoom(new BMapGL.Point(116.404, 39.915), 11) // 初始化地圖,設(shè)置中心點(diǎn)坐標(biāo)和地圖級別
?map.enableScrollWheelZoom(true) //開啟鼠標(biāo)滾輪縮放
</script>?去除右下角百度圖標(biāo)
// 去除百度地圖的圖標(biāo) 根據(jù)實(shí)際情況看是否要加樣式穿透(::v-deep)
::v-deep .anchorBL {
display: none !important;
}總結(jié)：
經(jīng)過這一趟流程下來相信你也對 申請百度地圖開發(fā)者AK和基本使用 有了初步的深刻印象，但在實(shí)際開發(fā)中我 們遇到的情況肯定是不一樣的，所以我們要理解它的原理，萬變不離其宗。加油，打工人！文章來源：http://www.zghlxwxcb.cn/news/detail-408899.html
什么不足的地方請大家指出謝謝 -- 風(fēng)過無痕文章來源地址http://www.zghlxwxcb.cn/news/detail-408899.html
到了這里，關(guān)于申請百度地圖開發(fā)者AK和基本使用的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
