API Docs for: 地图慧-SaaS组件库-v1
Show:

CityControl Class

城市列表组件

Constructor

CityControl

(
  • container
  • option
)

Parameters:

  • container String

    展示缩放控件的容器div的id,必填

  • option Object

    初始化设置,必填

    • [ak] String optional

      通过商务申请的ak,必填

    • [defaultCity] Object optional

      初始行政区, 非必填

      • [name] String optional
        初始行政区名称,默认为"北京"
    • [selectCity] Function optional

      选择城市后回调,返回当前城市对象,非必填
      回调函数中返回当前城市对象currentCity:
      {
        name: //当前城市名称
        admincode: //当前城市行政区划代码,代码为空字符串时表示为全国
        center: //当前城市中心坐标,coordType设置为“gcj02”时为超图墨卡托坐标,coordType设置为“bd09”时为百度经纬度坐标
        {
         x: //当前城市中心x坐标
         y: //当前城市中心y坐标
        },
        level: //城市级别,全国0,省1,市2,区县3,乡镇4
      }

    • [coordType] String optional

      使用的坐标类型,有效值为:“gcj02”、 “bd09”,默认为"gcj02"。设置后应用于选择城市回调函数option.selectCity中返回的当前城市对象currentCity中的城市中心点,非必填。超图坐标、高德坐标类型都是“gcj02”,百度坐标是“bd09”。

    • [maxLevel] Number optional

      最多可查看哪一级的行政区划数据,有效值为1-4。为1时只查看省; 为2时可以点击省,查看该省下的市级数据;为3时可以点击市,查看该市下的区县数据;为4时可点击区县,查看该区县下的乡镇数据,查看乡镇数据需要ak含有乡镇权限。默认为3,非必填。

Example:

需要引入的sdk:
<link rel="stylesheet" type="text/css" href="http://saascom.dituhui.com/webapi/dituhui.webapi.css">
<script type="text/javascript" src="http://saascom.dituhui.com/v1/webapi?plugin=all"></script>

城市列表组件使用示例:
var ak = "***"; //用户所属ak
var citylist = new Dituhui.Map.CityControl("container", { //"container"为展示城市列表的div容器ID
  ak: ak, //通过商务申请的ak
  maxLevel: 3, //最多可查看哪一级的行政区划数据,有效值为1-4
  coordType: "gcj02", //使用的坐标类型,有效值为:“gcj02”、 “bd09”,默认为"gcj02"。超图坐标、高德坐标类型都是“gcj02”,百度坐标是“bd09”。
  defaultCity: { //初始化默认行政区
   name: "北京"
  },
 selectCity: function(currentCity) { // 选择城市后回调,返回当前城市对象
  
 }
});

Item Index