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();
  },