天天看點

uniapp高德地圖 JS API引入與使用

地圖JS API快速上手 官網連結

初始化位置問題

同步引入api時不要在onshow、onLoad中進行初始化(會長時間看不到地圖效果,獲證根本看不到效果),建議在mounted中初始化。

Cannot read property ‘push’ of undefined 錯誤
uniapp高德地圖 JS API引入與使用

按照如下寫法會出現上面的錯誤

mounted() {
			var map = new AMap.Map('map_container', {
				zoom: 12,
				center: [120 31],
				layers: [
					new AMap.Marker({position: [120, 31]}),
				],
			});
		}
           

将上面的寫法改為:

mounted() {
			var map = new AMap.Map('map_container', {
				zoom: 12,
				center: [120, 31],
			});
			var marker = new AMap.Marker({
				position: [120, 31]
			})
			map.add(marker);
		},
           

這樣就不會出錯了!