知道坐標(biāo)點(diǎn),怎么才能輸入到地圖上

哈哈
最近在做車(chē)輛顯示到地圖上,需要看到當(dāng)前車(chē)輛在哪里,那么則需要通過(guò)當(dāng)前車(chē)輛的坐標(biāo),顯示到地圖上去,怎么做呢?通過(guò)提供的API來(lái)實(shí)現(xiàn)
工具/原料
地圖API的key
方法/步驟
注冊(cè)賬號(hào),到地圖的API申請(qǐng)個(gè)KEY,免費(fèi)的key每天有固定的查詢流量,付費(fèi)就很多了。
申請(qǐng)了Key后,在你的Html 頁(yè)面上引入js :
在HTML的Body中,放入一個(gè)div,用于顯示地圖的地方
寫(xiě)入顯示到地圖的圖標(biāo)js方法
var map = new BMap.Map("allmap");
var point = new BMap.Point(11
6.400244,3
9.92556);
map.centerAndZoom(point, 12);
var marker = new BMap.Marker(point); // 創(chuàng)建標(biāo)注
map.addOverlay(marker); // 將標(biāo)注添加到地圖中
marker.addEventListener("click",getAttr);
function getAttr(){
var p = marker.getPosition(); //獲取marker的位置
alert("marker的位置是" + p.lng + "," + p.lat);
}
保存后,打開(kāi)您的HTML,界面將會(huì)顯示出第四步的坐標(biāo)地址 Point(11
6.400244,3
9.92556);
點(diǎn)擊地圖上的紅色圖標(biāo)地址,將調(diào)用剛才寫(xiě)的
function getAttr(){
var p = marker.getPosition(); //獲取marker的位置
alert("marker的位置是" + p.lng + "," + p.lat);
}
方法,彈出提示框。
這個(gè)方法,看具體需要調(diào)用什么方法,就寫(xiě)什么內(nèi)容嘍。
至此,入?yún)⒆鴺?biāo)調(diào)用API顯示到地圖上的圖標(biāo),方法實(shí)現(xiàn)。更多請(qǐng)查看API提供的方法,很豐富~

Vivian?
2021-09-23 17:28:06 688查看 1回答

上帝之上
2021-09-23 17:28:10 638查看 2回答

最萌實(shí)力坑
2021-09-23 17:28:10 672查看 3回答

豆豆愛(ài)妞妞
2021-09-23 17:33:58 655查看 6回答
2021-09-23 17:36:23 662查看 0回答