使用script标签的src组件引入地图

因为项目中其他文件都是公共文件,不能再index.html中使用script标签全局引入,在自己的的页面引入,使用的uniapp 所以在onReady中

const script = document.createElement('script');
			script.src = 'https://map.sgcc.com.cn/maps?v=3.0.0';
			document.head.appendChild(script);
			script.onload = () => {

				// 在地图脚本加载完成后,你可以在这里使用地图相关的功能
				this.$nextTick(() => {
					console.log("1111111");
					SGMap.tokenTask
						.login(
							"地图token",
							"地图key"
						)
						.then(function() {
							that.initMap([116.397428, 39.90923]);
							that.loadPlugin();
						});
				});
			};

这里要注意一的是需要等待script标签生成后在执行初始化地图等功能直接使用script标签引入的话会失效,所以这里面使用onload监听完成后在执行初始化操作

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值