头像

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

来源:http://phprr.com/show-1147 a***n 2018-11-06 17:59:32浏览() 收藏

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

1元=10积分 1元=1码币,全栈客服QQ357058607,在线充值

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>



腾讯云服务器安全可靠高性能,多种配置供您选择

https://cloud.tencent.com/redirect.php?redirect=1001&cps_key=b685b398d3e704662203733b89accc52&from=console

阿里云服务器安全可靠高性能,多种配置供您选择

https://promotion.aliyun.com/ntms/act/qwbk.html?userCode=geqqrf2n


最新交易
评论0
头像

评论后赠送5积分,下载出错或者资源有问题请联系全栈客服QQ 357058607

1 2