说明:该案例针对移动版
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创建一个简易版高德地铁路线图内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复