jQuery选择省市区获取高德API省市行政区查询代码

来源:https://www.sucaihuo.com/js/4023.html 2018-11-06 11:50浏览(1224) 收藏

jQuery选择省市区获取高德API省市行政区查询代码,获取高德API城市划分数据、城市边界、城市中心点等。数据修改:打开districtCodeTool.js设置自己的高德ApiKey。
jQuery选择省市区获取高德API省市行政区查询代码
分类:表单代码 > 城市选择 难易:高级
查看演示 下载资源 下载积分: 30 积分

js代码

<script src="js/jquery.min.js"></script>
<script src="js/districtCodeTool.js"></script>
<script>
var tool = new DistrictCodeTool();//创建后默认隐藏的,可在districtCodeTool.js中更改
tool.show("300px","20px"); //show 可传入距离顶部 距离左侧的距离
tool.clickSelect(function(data){ //点击确定选择后的事件,data返回选中的地区数据
	$("#tool_val").html("Tool的数据<br>名称:"+data.name+" / 行政区划代码:"+data.adcode+"<br>地区边界:<textarea>"+data.boundaries+"</textarea>");
});

var tool2 = new DistrictCodeTool("300px","300px",function(data){ //也可传入显示位置和事件
	$("#tool2_val").html("Tool2的数据<br>名称:"+data.name+" / 行政区划代码:"+data.adcode+"<br>地区边界:<textarea>"+data.boundaries+"</textarea>");
});
tool2.show();
/***
工具可拖拽
*/
</script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2