简易行政区图-中国

简易行政区图国家图可用来展示任意国家和地区的的省分界线及区块，并支持颜色配置，可用于满足可视化数据展示。该功能已于 1.4.10 版本正式上线。

源代码编辑器

<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="chrome=1">
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
  <style type="text/css">
    html,
    body,
    .map {
      width: 100%;
      height: 100%;
      margin: 0px;
    }

    .amap-copyright {
      color: grey
    }
  </style>
  <title>高德简易行政区地图</title>
</head>

<body>
  <div id="container" class="map" tabindex="0"></div>
  <script language="javascript"
    src="https://webapi.amap.com/maps?v=2.0&key=您申请的key值&plugin=AMap.Scale,AMap.ToolBar"></script>
  <script type="text/javascript">

    var SOC = 'CHN'
    var colors = {};
    var GDPSpeed = {
      '520000': 10,//贵州
      '540000': 10,//西藏
      '530000': 8.5,//云南 
      '500000': 8.5,//重庆
      '360000': 8.5,//江西
      '340000': 8.0,//安徽
      '510000': 7.5,//四川
      '350000': 8.5,//福建
      '430000': 8.0,//湖南
      '420000': 7.5, //湖北
      '410000': 7.5,//河南
      '330000': 7.0,//浙江
      '640000': 7.5,//宁夏
      '650000': 7.0,//新疆
      '440000': 7.0,//广东
      '370000': 7.0,//山东
      '450000': 7.3,//广西
      '630000': 7.0,//青海
      '320000': 7.0,//江苏
      '140000': 6.5,//山西
      '460000': 7,// 海南
      '310000': 6.5,//上海
      '110000': 6.5, // 北京
      '130000': 6.5, // 河北
      '230000': 6, // 黑龙江
      '220000': 6,// 吉林
      '210000': 6.5, //辽宁
      '150000': 6.5,//内蒙古
      '120000': 5,// 天津
      '620000': 6,// 甘肃
      '610000': 8.5,// 甘肃
      '710000': 6.64, //台湾
      '810000': 6.0, //香港
      '820000': 6.7 //澳门

    }
    var getColorByDGP = function (adcode) {
      if (!colors[adcode]) {
        var gdp = GDPSpeed[adcode];
        if (!gdp) {
          colors[adcode] = 'rgb(227,227,227)'
        } else {
          var rg = 255 - Math.floor((gdp - 5) / 5 * 255);
          colors[adcode] = 'rgb(' + rg + ',' + rg + ',255)';
        }
      }
      return colors[adcode]
    }

    var disCountry = new AMap.DistrictLayer.Country({
      zIndex: 10,
      SOC: 'CHN',
      depth: 2,
      styles: {
        'nation-stroke': '#f09',
        'coastline-stroke': [0.85, 0.63, 0.94, 1],
        'province-stroke': 'white',
        'city-stroke': 'rgba(255,255,255,0.15)',//中国特有字段
        'fill': function (props) {//中国特有字段
          return getColorByDGP(props.adcode_pro)
        }
      }
    })


    var map = new AMap.Map("container", {
      zooms: [4, 8],
      center: [104.188488, 34.302032],
      showIndoorMap: false,
      zoom: 3,
      isHotspot: false,
      defaultCursor: 'pointer',
      touchZoomCenter: 1,
      pitch: 0,
      layers: [
        disCountry,
        new AMap.TileLayer.Satellite()
      ],
      viewMode: '3D',
    })
    map.addControl(new AMap.Scale());
    map.addControl(new AMap.ToolBar({ liteStyle: true }));
    document.getElementsByClassName('amap-mcode')[0].innerHTML = '-GS(2022)200号、GS(2021)648号'
  </script>
</body>

</html>

控制台

清空

返回顶部示例中心常见问题智能客服公众号
二维码