说明：该案例针对移动版
1.在index.html设置meta和script
复制代码
1
2
3<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容器
复制代码
1
2
3
4
5<template> <div class="subway-container"> <div id="mysubway"></div> </div> </template>
3.定义mysubway
复制代码
1
2
3
4
5data() { return { mysubway: null, }; },
4.创建初始化方法
复制代码
1
2
3
4initsub() { this.mysubway = subway("mysubway", { easy: 1 }); },
5.mounted中调用初始化方法
复制代码
1
2
3mounted() { this.initsub(); },
最后
以上就是平常画板最近收集整理的关于vue创建一个简易版高德地铁路线图的全部内容，更多相关vue创建一个简易版高德地铁路线图内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复