html城市手机搜索,手机端H5获取当前城市的方法

如图

GIF04.gif

移动端的H5页面提供了定位的功能，在网上我搜索了很多资料。可是都是代码一大段一大段的 还要去注册各种平台的key 秘钥 很复杂 本人菜鸟 直接懵了，后来找了一篇比较简单的 供大家参考

1、在html页面引入百度地图API(文档地址：http://developer.baidu.com/map/wiki/index.php?title=jspopular/guide/introduction)

navigator.geolocation.getCurrentPosition(function (position) {

var lat = position.coords.latitude;

var lon = position.coords.longitude;

var point = new BMap.Point(lon, lat); // 创建坐标点

// 根据坐标得到地址描述

var myGeo = new BMap.Geocoder();

myGeo.getLocation(point, function (result) {

var city = result.addressComponents.city;

$('body').html(city);

});

});

注： 这一种 以前是能用的 但是后来不知道百度怎么回事 可能是升级了 提示我的key 不正确 就不能用了 我用的是第2种

2、打开手机试一下吧

如果不需要精准的定位，还有一种通过IP地址获取当前城市的方法，采用新浪的api接口

3

太平洋IP地址库API接口

http://whois.pconline.com.cn/?ip=[ip地址字符串]

另外：还有google、搜狐等提供对应的接口，大家可以自己试一试。

搜狐IP地址查询接口(默认GBK)：http://pv.sohu.com/cityjson

*搜狐IP地址查询接口(可设置编码)：http://pv.sohu.com/cityjson?ie=utf-8

搜狐另外的IP地址查询接口：http://txt.go.sohu.com/ip/soip

4.获取客户端IP方法

参考博客 刘晓帆的博客 常青苗木