在百度地图中如何显示省、市、县边界？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了在百度地图中如何显示省、市、县边界？相关的知识，希望对你有一定的参考价值。
通过使用API，然后来得到相关区域的边界并且在区域里加层样式。比如说：我选择广东省，那么广东省各市的边界出来了，并且每个市的层的样式不一样。如果我选择市，那么各区的样式出来。如果我选择全国，那各省的边界出来，并且各省的样式不一样。
拓展资料：
一、百度地图：
百度地图是为用户提供包括智能路线规划、智能导航（驾车、步行、骑行）、实时路况等出行相关服务的平台。
“世界很复杂，百度更懂你”，作为地图行业市场的领先者，百度地图秉持“科技让出行更简单”的品牌愿景，以"服务用户出行"为使命，以"科技"为手段不断探索创新。目前，百度地图国际化地图已覆盖全球209个国家和地区。伴随着AI时代的到来，百度地图实现了语音交互覆盖用户操控全流程，还上线了AR步导、AR导游等实用功能，更加方便用户的出行。
参考资料：百度百科百度地图
参考技术A省界容易显示，缩小地图就显示了，深灰色的线就是
ajax(省，市，县)三级联动
下面我们用Jquery，ajax,做一个省，市，县的三级联动：
下面是我做三级联动下拉的步骤以及逻辑
第一步：先做一个省市区表格
第二步：建个PHP页面显示用我是在<body>里放<div>用来接收要显示的省市区表格信息，里面嵌入jquery-1.11.2.min.js和自己封装的三联动省市区的方法
第三步：写封装方法用JS
第四步：做个纯php处理页面，这个页面处理传过来的任何代号
首先我们要建立数据库：
这就是包含省，市，县的数据库，
下面我们就写主页面：sanji.php：
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <title>Document</title> 6 <script src="jquery-1.11.2.min.js"></script> 7 <script src="sanjiliandong.js"></script> 8 </head> 9 <body> 10 <div id="sanjiliandong"> 11 <!--在这里使用三级联动插件--> 12 </div> 13 </body> 14 </html>
然后就是js文件：
1 // JavaScript Document 2 $(document).ready(function(e){ 3 //向div里面仍三个下拉 4 var str = "<select id=\'sheng\'></select><select id=\'shi\'></select><select id=\'qu\'></select>"; 5 $("#sanjiliandong").html(str);//三个下拉显示 6 7 8 //当省选中的话市也会跟着变去也会变。市和区都会加载一遍 9 FillSheng();//省 10 FillShi();//市 11 FillQu();//区 12 //给省加点击事件 13 $("#sheng").change(function(){ 14 FillShi();//市 15 FillQu();//区 16 }) 17 //给市加点击事件 18 $("#shi").change(function(){ 19 FillQu();//区 20 }) 21 }); 22 //做三个方法分别为省市区 23 //填充省的方法，如何在表里查询 出省的代号例如：北京0001、天津0001,中国下面所有省都是0001开头的 24 function FillSheng() 25 { 26 var pcode = "0001"; 27 $.ajax({ 28 async:false, 29 url:"chuli.php", 30 data:{pcode:pcode}, 31 type:"POST", 32 dataType:"TEXT", 33 success: function(data){ 34 //返回数据,根据行于行之间的分隔符来拆,拆完之后会返回一数组/行的数组 35 var hang = data.split("|"); 36 37 var str = "<option value=\'\' >请选择地区</option>"; 38 //把行的数组遍历下用for循环...length长度 39 for(var i=0;i<hang.length;i++) 40 { 41 //把行的索引i在拆下.列与列的分隔符再拆 42 var lie = hang[i].split("^");//这是列的数组 43 str += "<option value=\'"+lie[0]+"\'>"+lie[1]+"</option>"; 44 45 $("#sheng").html(str); 46 } 47 } 48 }); 49 } 50 //填充市的方法 51 function FillShi() 52 { 53 var pcode = $("#sheng").val(); 54 $.ajax({ 55 async:false,//**** 56 url:"chuli.php", 57 data:{pcode:pcode}, 58 type:"POST", 59 dataType:"TEXT", 60 success: function(data){ 61 //返回数据,根据行于行之间的分隔符来拆,拆完之后会返回一数组/行的数组 62 var hang = data.split("|"); 63 64 var str = "<option value=\'\' >请选择城市</option>"; 65 //把行的数组遍历下用for循环...length长度 66 for(var i=0;i<hang.length;i++) 67 { 68 //把行的索引i在拆下.列与列的分隔符再拆 69 var lie = hang[i].split("^");//这是列的数组 70 str += "<option value=\'"+lie[0]+"\'>"+lie[1]+"</option>"; 71 } 72 $("#shi").html(str); 73 } 74 }); 75 } 76 //填充区的方法 77 function FillQu() 78 { 79 var pcode = $("#shi").val(); 80 $.ajax({ 81 async:false, 82 url:"chuli.php", 83 data:{pcode:pcode}, 84 type:"POST", 85 dataType:"TEXT", 86 success: function(data){ 87 //返回数据,根据行于行之间的分隔符来拆,拆完之后会返回一数组/行的数组 88 var hang = data.split("|"); 89 90 var str = "<option value=\'\' >请选择乡县</option>"; 91 //把行的数组遍历下用for循环...length长度 92 for(var i=0;i<hang.length;i++) 93 { 94 //把行的索引i在拆下.列与列的分隔符再拆 95 var lie = hang[i].split("^");//这是列的数组 96 str += "<option value=\'"+lie[0]+"\'>"+lie[1]+"</option>"; 97 98 $("#qu").html(str); 99 } 100 } 101 }); 102 }
之后是查询数据库的处理文件：
1 <?php 2 //处理页面只有一个功能处理传过来的所有代号（省、市、区。。。） 3 include("DBDA.class.php"); 4 $db = new DBDA(); 5 $pcode = $_POST["pcode"];//取到赋值代号 6 $sql = "select * from chinastates where parentareacode=\'{$pcode}\'"; 7 echo $db->StrQuery($sql);
显示效果如下：
这就是我们要做的省，市，县的三级联动。在这里我们重点强调一下一定要做好逻辑关系，想好了在去动手写代码，要不然容易混乱，这样的话就只能从头开始。
以上是关于在百度地图中如何显示省、市、县边界？的主要内容，如果未能解决你的问题，请参考以下文章