结合Google Maps API和GeoIP/新浪/搜狐接口的IP地理信息可视化查询

最新推荐文章于 2020-05-26 12:11:28 发布

grady1234

最新推荐文章于 2020-05-26 12:11:28 发布

阅读量3.2k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/grady1234/article/details/9394569

版权

本文介绍了如何结合Google Maps API与新浪、搜狐等第三方IP查询接口，实现IP地址的地理信息可视化查询。通过获取IP的地理位置信息，转化为经纬度，并在地图上标注，提供不同详细程度地址的缩放级别，以增强用户体验。

摘要由CSDN通过智能技术生成

网络上有很多提供IP地址查询的网站，输入IP地址，得到IP所在地的结果。本文实现一种更具特色的查询，将IP所在地直接标注在Google Maps上。

本文主要利用Google Maps JavaScript API 和第三方网站提供的IP查询接口实现。

主要设计思路：IP地址经第三方网站查询得到地理位置———>通过Google Maps API 提供的Geocoder.geocode()方法将地理位置转化为地理坐标（经纬度）——>再将地理坐标在地图上标记。

一、IP地址查询接口

通过IP地址查询地理位置的方法有两种：

1）使用数据库，可参考纯真IP数据库。

2）调用第三方网站的IP查询接口[1][2]。

1.新浪IP地址查询接口：http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js&ip=IP地址

可通过jquery调用，下同：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script type="text/javascript">
	$.getScript('http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js&ip='+ip.value, function(_result){  
		if (remote_ip_info.ret == '1'){   
			alert(remote_ip_info.city + remote_ip_info.country + remote_ip_info.province + remote_