我是靠谱客的博主 平常画板,最近开发中收集的这篇文章主要介绍vue创建一个简易版高德地铁路线图,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

说明:该案例针对移动版

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&amp;key=申请的KEY&amp;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创建一个简易版高德地铁路线图所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(43)

评论列表共有 0 条评论

立即
投稿
返回
顶部