谷歌地图简单教程

谷歌地图简单教程

1.首先去谷歌api上申请一个key根据项目申请.

https://developers.google.com/maps/documentation/?hl=zh-cn

根据项目选择你要使用的sdk,网页的要选JavaScript这个

2.在页面展示地图

定义一下你要展示的方法,id是你需要地图在哪个dom元素里展示,zoom为缩放比例范围1-15,center为默认的中心点

3.在vue中直接在mounted里调用加载

4.在地图上展示marker点(也放到init方法里一起渲染)

position为默认展示的中心点,title为提示

5.在地图上展示连线(适用于展示路线)

path为名称,strokeColor为颜色,opacity为透明度,weight为宽度

持续更新中,前两天项目用到的.