使用google map API获取经纬度

当年在做毕设的时候一个功能是在地图上点击,然后获取对应的地区的经纬度,然后用来追踪该地区发布的tweets

效果

  • 鼠标左键点击在地图上增加标记,并显示经纬度信息
  • 鼠标右键取消地图标记
  • 关闭模态框后,地图上所有标记点的经纬度信息都会出现在文本框中

首先让大家看看效果


获取API key

要使用google map API,那么需要获取API key,才能使用,获取的地址为:get API key

在获取完之后,将下面的YOUKEY改为你的API key,引入需要的js文件

 

核心代码

需要:

  • Bootstrap
  • JQuery
  • Google MAP的JS(就是上面那行代码)

下面是前端页面

./googleMap.js文件如下:

 

本博客若无特殊说明则由 hrwhisper 原创发布
转载请点名出处:细语呢喃 > 使用google map API获取经纬度
本文地址:https://www.hrwhisper.me/use-google-map-api-get-latitude-and-longitude/

您的支持将鼓励我继续创作!

OtherCodes, WEB前端 . permalink.

One thought on “使用google map API获取经纬度

Leave a Reply

Your email address will not be published. Required fields are marked *