1. 给你一个坐标告诉我在哪

声明：该公众号大部分文章来自作者日常学习笔记,也有部分文章是经过作者授权和其他公众号白名单转载.

未经授权,严禁转载,如需转,联系开白.

请勿利用文章内的相关技术从事非法测试,如因此产生的一切不良后果与文章作者和本公众号无关.

现在只对常读和星标的公众号才展示大图推送,建议大家把「雪之梦技术驿站」“设为星标”,否则下次可能看不到了！

1.1. 引言

平时经常性涉及到gps坐标位置展示功能,给定坐标直接跳转到网页地图这种常见的效果不用自己开发,直接使用公开链接就可以了,现在整理总结一下,也是一种记录.

例如下面这种给定了gps的名称和坐标,列表展示数据不太直观,点击坐标能直接跳转到地图服务能稍微好一些.

浙江省/杭州市/临安市/青山湖街道: 经度/lng;纬度/lat

{"lng":"119.843582","lat":"30.246313"}

为了实现上述目的,可以使用百度地图的直达链接,拼接出自己的坐标链接,用户点击就能直接跳转到网页版地图.

百度地图直达链接: 30.246313,119.843582

http://api.map.baidu.com/marker?location=30.246313,119.843582&title=青山湖街道&content=浙江省/杭州市/临安市/青山湖街道&output=html

主要参数有三个,分别是坐标location,其中纬度在前,经度在后,并用英文逗号隔开;标题title,内容content,替换掉相关参数就能实现自定义百度地图直达链接.

除了国内坐标,同样也适用于国外坐标: 54.92618179,20.15727806

最终实现的效果如下:

什么?你说没有具体的坐标怎么做地图链接?很简单,百度搜索一下"坐标拾取器"就可以按照名称得到坐标点,然后就能得到自己的专属地图链接.

百度坐标拾取器

同样的方法也适合高德地图,经测试发现高德地图不支持国外地点,这里也做一下相关说明吧!

浙江省/杭州市/临安市/青山湖街道: 经度/lng;纬度/lat

{"lng":"119.843582","lat":"30.246313"}

其中参数lng是经度,lat是纬度,是单独区分出来的,别弄错了.

如果是国外坐标54.92618179,20.15727806,其中纬度lat是54.92618179,经度lng是20.15727806,按照上述规则拼接高德地图网页版链接如下:

同样的,高德坐标拾取器的链接如下:

本文主要总结了如何通过gps坐标拼接处一条可直接跳转到网页地图的在线链接,包括了百度地图和高德地图都有相关的公开服务.

如果没有地点gps坐标也可以用坐标拾取器获取坐标,针对国内外不同的坐标,有些数据可能更加详细,有些只是粗略的位置,具体情况还要以实际为准.

百度地图自定义链接: http://api.map.baidu.com/marker?location=改为自己的纬度,改为自己的经度&title=改为地点名称&content=改为地点描述&output=html
百度地图坐标拾取器: https://api.map.baidu.com/lbsapi/getpoint/index.html
高德地图自定义链接: https://ditu.amap.com/regeo?lng=改为自己的经度&lat=改为自己的纬度
高度地图坐标拾取器: https://lbs.amap.com/tools/picker/

欢迎扫码关注,私信回复『加群』一起交流技术

作者: 雪之梦技术驿站
来源: 雪之梦技术驿站
本文原创发布于「雪之梦技术驿站」,转载请注明出处,谢谢合作!