java的vue 写一个微信公众号文章的代码界面 vue 微信公众号开发

在最近开发的微信公众号中，要实现一个打卡功能：

由于个人感觉微信SDK里面的地图不太好用，所以使用了腾讯地图。

1,需要登录腾讯地图网站，注册一个账户，获得一个key。

2,然后找到项目根目录下面的index.html，引入需要使用到的js

3,项目根目录--> src -->service文件夹下新建parking.js（文件名称和路径可以自定义，只需要在使用时能找到就可以了）

parking.js（文件里的key填自己申请的就可以了）

1，引入parking.js

2，展示地图的容器

3，获取当前位置，并展示以当前位置为中心的地图（注释位置依旧填写自己注册的key）

先贴代码

在showPosition(position)这个方法里面就会有位置信息，包括经纬度和地址。

然后根据这里的经纬度就可以调用mapTX()来绘制地图了，但是因为我们需要展示当前定位的位置，而上面打印的并不精确，所以还需要根据获取到当前经纬度对应的详细地址：

只要获取到了经纬度和详细地址，我们就可以进行打卡了。

 在地图中是可以添加点击事件的，但是由于这里不需要，所以上面没有写。关于点击事件，主要就是获取点击位置的经纬度就可以继续后续的操作。

打印上面代码中点击事件的event

也就是，我们是可以通过event.latLng.getLat()和event.latLng.getLng()获取到经纬度的，如果还需要获取点击的位置，再调用上面getAdd.getAddress(latLng)方法，传入点击获取的经纬度就可以了。