Uniapp使用腾讯地图（非map组件）

BelieveTom、

已于 2024-08-21 20:58:08 修改

阅读量214

点赞数 2

文章标签： uni-app swift 开发语言

于 2024-03-29 16:35:49 首次发布

本文链接：https://blog.youkuaiyun.com/m0_52510500/article/details/137149851

版权

<template>
    <view class="mapContainer" id="mapContainer" :style="{width: '100%', height: '100%'}">

    </view>
</template>

<script>
    let qqMap = null; 

	window.initMap = function() { 
		qqMap = new qq.maps.Map(document.getElementById("mapContainer"), {
			center: new qq.maps.LatLng(39.916527,116.397128), 
			zoom: 12,
			zoomControl: false
		})
	}

    onLoad() {
        this.loadScrpit()
    },

    methods: {
			loadScrpit() { 
				var script = document.createElement('script');
				script.src = `https://map.qq.com/api/js?                    
                              v=2.exp&key=${TENCENT_KEY}&callback=initMap`;
				document.body.appendChild(script);
			},
    }
</script>