鍵.png)
微博熱搜API的免費(fèi)調(diào)用教程
1.登錄騰訊位置服務(wù)控制臺,如果沒有注冊過賬號,請點(diǎn)擊注冊按鈕注冊成為騰訊位置服務(wù)開發(fā)者
2.創(chuàng)建應(yīng)用和Key:
進(jìn)入控制臺后,展開應(yīng)用管理菜單并選擇我的應(yīng)用
點(diǎn)擊右側(cè)創(chuàng)建應(yīng)用,如果已經(jīng)創(chuàng)建過應(yīng)用,可以直接選擇添加Key
Javascript API GL并不需要勾選任何產(chǎn)品,直接創(chuàng)建Key就可以使用(在引入API庫時需要將key做為參數(shù)傳入)
下面為您演示利用Javascript API GL實(shí)現(xiàn)地圖顯示,使您對它有一個整體的認(rèn)識,而具體的細(xì)節(jié)將在hello world之后為您詳細(xì)闡述。
代碼展示了顯示地圖的一般步驟:
1.在body中預(yù)先準(zhǔn)備地圖容器,并在CSS樣式中定義地圖(容器)顯示大小
2.引入API庫
3.創(chuàng)建并顯示地圖的代碼(本例中,通過頁面onload事件觸發(fā)運(yùn)行init函數(shù)實(shí)現(xiàn)地圖顯示)
而在實(shí)際的項(xiàng)目中,可以根據(jù)需求,實(shí)現(xiàn)動態(tài)創(chuàng)建地圖容器、異步加載地圖API、動態(tài)設(shè)置地圖中心點(diǎn)等任意操作。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Hello world!</title>
<style type="text/css">
#container{
/*地圖(容器)顯示大小*/
width:1200px;
height:400px;
}
</style>
<!--引入Javascript API GL,參數(shù)說明參見下文-->
<script src="https://map.qq.com/api/gljs?v=1.exp&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77"></script>
<script>
//地圖初始化函數(shù),本例取名為init,開發(fā)者可根據(jù)實(shí)際情況定義
function initMap() {
//定義地圖中心點(diǎn)坐標(biāo)
var center = new TMap.LatLng(39.984120, 116.307484)
//定義map變量,調(diào)用 TMap.Map() 構(gòu)造函數(shù)創(chuàng)建地圖
var map = new TMap.Map(document.getElementById('container'), {
center: center,//設(shè)置地圖中心點(diǎn)坐標(biāo)
zoom: 17.2, //設(shè)置地圖縮放級別
pitch: 43.5, //設(shè)置俯仰角
rotation: 45 //設(shè)置地圖旋轉(zhuǎn)角度
});
}
</script>
</head>
<!-- 頁面載入后,調(diào)用init函數(shù) -->
<body onload="initMap()">
<!-- 定義地圖顯示容器 -->
<div id="container"></div>
</body>
</html>
下面為您演示利用Javascript API GL實(shí)現(xiàn)地圖顯示,使您對它有一個整體的認(rèn)識,而具體的細(xì)節(jié)將在hello world之后為您詳細(xì)闡述。
通過引入script標(biāo)簽加載API服務(wù),格式如下:
<script charset="utf-8" src="https://map.qq.com/api/gljs?v=1.exp&key=YOUR_KEY"></script>
其中:https://map.qq.com/api/gljs 為API庫地址,其參數(shù)包括:
key:您的開發(fā)key,可在 控制臺 -> 應(yīng)用管理 -> 我的應(yīng)用 界面進(jìn)行創(chuàng)建得到
v :代表引用的版本號,目前僅支持1.exp,代表Javascript API GL v1最新版,我們會保證1.x大版本的接口兼容,讓您獲得最新最快的支持。
libraries:用來指明加載的附加庫,可以指定多個附加庫名稱,名稱之間用英文半角字符逗號”,”分隔,目前支持:
visualization:可視化組件庫,將位置數(shù)據(jù)轉(zhuǎn)化為可視圖像的工具,比如熱力圖、散點(diǎn)圖等。
tools:應(yīng)用工具,包含一系列點(diǎn)、線、面繪制與編輯的交互工具,以及距離測量工具;
geometry:幾何計算庫,進(jìn)行距離、夾角、面積的計算,判斷點(diǎn)、線、面之間的關(guān)系等;
model:模型庫,可支持GLTF模型加載至地圖中;
view:地圖視角附加庫,附加庫提供以觀察者視角操作地圖的能力;
service:服務(wù)類附加庫,是基于騰訊地圖開放平臺 WebService API封裝的接口能力;
其它附加庫我們會在后續(xù)版本中陸續(xù)提供,敬請期待。
callback:指定異步加載API后的回調(diào)函數(shù),見下文詳述(直接引入API時請勿加此參數(shù))
異步加載API:
通過動態(tài)創(chuàng)建script標(biāo)簽,并指定callback參數(shù),在API加載后會自動調(diào)用callback指定回調(diào)函數(shù),實(shí)現(xiàn)異步加載(按需加載)
function initMap() {
//定義地圖中心點(diǎn)坐標(biāo)
var center=new TMap.LatLng(39.984120,116.307484)
//定義map變量,調(diào)用 TMap.Map() 構(gòu)造函數(shù)創(chuàng)建地圖
var map = new TMap.Map(document.getElementById('container'), {
center: center,//設(shè)置地圖中心點(diǎn)坐標(biāo)
zoom:17.2, //設(shè)置地圖縮放級別
});
}
function loadScript() {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "https://map.qq.com/api/gljs?v=1.exp&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77&callback=initMap";
document.body.appendChild(script);
}
window.onload = loadScript;
不再支持file://方式使用Javascript API GL:
本API需要在有Web服務(wù)的情況下才能正常使用,Windows環(huán)境可以使用IIS或其它Web服務(wù)器軟件,Linux可用apache/nginx等,配置完成后通過localhost進(jìn)行調(diào)試使用(發(fā)布上線,用域名/ip訪問不存在這個問題):
如果您的項(xiàng)目使用了Vue或者React框架,建議使用tlbs-map地圖組件庫開發(fā)地圖業(yè)務(wù),它支持Vue和React框架,能夠降低您的開發(fā)成本。
坐標(biāo)系:
騰訊位置服務(wù)API使用的坐標(biāo)體系,為國測局規(guī)定的GCJ-02坐標(biāo)系,是國內(nèi)的標(biāo)準(zhǔn)坐標(biāo)體系,經(jīng)過國家測繪局加密處理,符合國家測繪局對地理信息保密要求。如果原始數(shù)據(jù)是使用的GPS坐標(biāo)或其它地圖坐標(biāo)系,則需要進(jìn)行坐標(biāo)轉(zhuǎn)換,否則顯示位置將會和實(shí)際位置有偏差。
坐標(biāo)格式:
JavaScript API GL使用的坐標(biāo)格式是{緯度, 經(jīng)度},即緯度在前,經(jīng)度在后,如果在使用API過程中,發(fā)現(xiàn)地圖無法顯示,請先查看坐標(biāo)格式是否正確。從其它幾家API切換過來的用戶尤其要注意這個區(qū)別。
Q:如何找到騰訊地圖API
A:冪簡集成是國內(nèi)領(lǐng)先的API集成管理平臺,專注于為開發(fā)者提供全面、高效、易用的API集成解決方案。冪簡API平臺可以通過以下兩種方式找到所需API:通過關(guān)鍵詞搜索API(例如,輸入’騰訊地圖API‘這類品類詞,更容易找到結(jié)果)、或者從API hub分類頁進(jìn)入尋找。
Q:高速路牌怎么隱藏?
A:可以設(shè)置baseMap,features設(shè)為[‘base’, ‘building3d’, ‘point’]。
Q:實(shí)例創(chuàng)建后內(nèi)存飆升,切換路由時可否銷毀騰訊地圖的實(shí)例?
A:切換路由的時候可能創(chuàng)建了多個實(shí)例,可以使用destroy銷毀地圖,也可以使用單例模式解決。
Q:JavaScript API GL的marker添加多個標(biāo)記后,如何顯示和隱藏某一個標(biāo)記或者多個標(biāo)記?
A:目前沒有提供這樣的接口控制顯示隱藏,可以考慮使用add和remove接口。
Q:暫停小車移動了之后,再次啟動小車,小車從暫停的點(diǎn)繼續(xù)移動或從起點(diǎn)開始移動的方式是什么?
A:resumeMove是從暫停點(diǎn),moveAlong是重新開始。
提供語音翻譯 API的服務(wù)商除騰訊地圖API,還有其他替代服務(wù)商也提供類似api服務(wù),例如:
更多競品可以在冪簡集成開放平臺中找到。
通過本文的分步指南,我們詳細(xì)介紹了如何獲取騰訊地圖API密鑰的全過程。這包括從了解申請流程到完成申請并獲取密鑰的各個關(guān)鍵步驟。閱讀之后,您可以順利申請到騰訊地圖API密鑰,獲取實(shí)時、準(zhǔn)確的地圖數(shù)據(jù),并將其整合到您的應(yīng)用程序或服務(wù)中。