高德底图 根据行政区域名 加载边界到地图中(JS)

Changgf

发布日期: 2019-05-22 22:57:53 浏览量: 754
评分:
star star star star star star star star star_border star_border
*转载请注明来自write-bug.com

高德底图 根据行政区域名 加载边界到地图中(JS)

代码:

  1. function map_map1(place){
  2. //初始化地图对象,加载地图
  3. var map = new AMap.Map("map", {
  4. resizeEnable: true,
  5. center: [117.000923, 36.675807],
  6. zoom: 6
  7. });
  8. var district = null;
  9. var polygons=[];
  10. //加载行政区划插件
  11. if(!district){
  12. //实例化DistrictSearch
  13. var opts = {
  14. subdistrict: 0, //获取边界不需要返回下级行政区
  15. extensions: 'all', //返回行政区边界坐标组等具体信息
  16. level: 'district' //查询行政级别为 市
  17. };
  18. }
  19. district = new AMap.DistrictSearch(opts);
  20. //行政区查询
  21. district.setLevel('district');
  22. district.search(place, function(status, result) {
  23. map.remove(polygons)//清除上次结果
  24. polygons = [];
  25. var bounds = result.districtList[0].boundaries;
  26. if (bounds) {
  27. for (var i = 0, l = bounds.length; i < l; i++) {
  28. //生成行政区划polygon
  29. var polygon = new AMap.Polygon({
  30. strokeWeight: 1,
  31. path: bounds[i],
  32. fillOpacity: 0.4,
  33. fillColor: '#80d8ff',
  34. strokeColor: '#0091ea'
  35. });
  36. polygons.push(polygon);
  37. }
  38. }
  39. map.add(polygons)
  40. map.setFitView(polygons);//视口自适应
  41. });
  42. };
上传的附件

发送私信

2
文章数
0
评论数
最近文章
eject