js实现城市地名的选择时多音怎么判断

JavaScript038

js实现城市地名的选择时多音怎么判断,第1张

js实现城市地名的选择时多音怎么判断

1. 首先写一个js文件,areaLocation.js:

var provinceArray= new Array()

provinceArray=[

{"pname":"江苏",

"country":[

{ "cname":"南京市",

"town":["玄武区","白下区","秦淮区","建邺区","雨花台","江宁区", "六合区","溧水县","高淳县"]},

{ "cname":"南通市",

"town":["崇川区","港闸区","启东市","如皋市","通州市","海门市","海安县","如东县"] },

{ "cname":"苏州市",

"town":["金阊区","沧浪区","平江区","虎丘区","吴中区","张家港","昆山市","吴江市","太仓市"] }

]

},

{"pname":"上海",

"country":[

{ "cname":"上海市",

"town":["徐汇区","普陀区","杨浦区","虹口区","卢湾区","浦东区","黄浦区","长宁区","闸北区","静安区","闵行区","松江区"]

}

]

}

]

要想得到数据必须先得到百度地图的接口,不然怎么调用接口获取数据呢,首先我们在百度首页输入“百度api”回车后第一个就是我们要找的,点击进入。

我们是通过网页获取json数据得到的数据,所以我们选择“开发”-》“Web服务API”点击进入。

进入这个页面后,我们选择“开发指南”-》“Geocoding API”选择这个进入我们想要的接口文档

在这里我们找到通过请求get方式的url,这个url可以通过经纬度获取到地址跟省市,看自己需要什么样的返回格式,有两种,一种是json格式,另一种是xml格式,我们选择json格式的进行测试。

我们直接用url打开,get请求后获取到的数据,可以看到地址省市县这些都有,可以获取经纬度旁边大量的信息。这些显示在页面上的内容我们怎么获取到并加以利用呢。

这里我们写个方法,通过调用百度地图的url获取到我们想要的数据,在获取之前必须先申请ak秘钥,百度的api文档说的很清楚,要先申请了才能使用。

这个是请求url解析获取数据的过程,这个方法截图小编简写了,如果有需要的朋友可以找我要,给我留言就行。

我们在页面上调用这个获取市的方法看看,通过传入经纬度,然后调用百度的api接口,我们可以获取到市的内容。

通过启动tomcat,在地址栏输入访问地址,然后请求得到的数据,地址栏我输入的是南昌市的经纬度,然后返回的是正确的市。这就是我们想要的结果,同样的道理,通过这个方法也能返回地址。

END

注意事项

如果没有秘钥ak是不能利用百度api的接口的,而且这个免费的ak每天只能访问100次,对于我们而且足够用了