概述
说明:该案例针对移动版
1.在index.html设置meta和script
<meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, shrink-to-fit=no">
<script type="text/javascript" src="https://webapi.amap.com/subway?v=1.0&key=申请的KEY&callback=cbk"></script>
2.写一个subway容器
<template>
<div class="subway-container">
<div id="mysubway"></div>
</div>
</template>
3.定义mysubway
data() {
return {
mysubway: null,
};
},
4.创建初始化方法
initsub() {
this.mysubway = subway("mysubway", { easy: 1 });
},
5.mounted中调用初始化方法
mounted() {
this.initsub();
},
最后
以上就是平常画板为你收集整理的vue创建一个简易版高德地铁路线图的全部内容,希望文章能够帮你解决vue创建一个简易版高德地铁路线图所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复