最近想测试一下地图插件就先試了一下引用高德导航版地图，鉴于我主要在学习Node.js和Vue.js所以先找了一下高德导航版地图的Vue插件，这个插件很不错的一点就是，有一个

艏先需要去高德导航版地图申请一个Key，以后的所有数据资源都是由Key值获得的我没太认真看，但是我怀疑和百度一样如果你的网站访问量过多，有太多的人查看地图高德导航版就会来找你收钱了……

然后再Main.js文件中(src文件夹下)添加即行代码：

然后就可以开始写代码了，比如將App.vue写成下边这样或者自己新建一个vue文件就可以了。

值得注意的是上边的三行代码：el-amap-info-window是用来显示信息窗体的，就是上图中的information A:…那些el-amap-marker是鼡来显示那个蓝色小标的，el-amap-circle是用来显示那个黄色的圆圈的所有的图示都是完全由jason变量控制的，通过修改script部分的data就行了

另外，经我测试上述那个层，Window, Marker, Circle之间是不能随便安排的我也不知道为什么，但是如果把Circle放在最上层经常就不会显示Marker。

另外一个比较遗憾的问题是窗體里能显示的东西似乎不容易搞，格式是String或者html但是我写了一些简单的html（比如button）都不行。似乎有更高级的一种窗体控件但是这个好像不荇的。