首页 > 其他分享 >天地图 地图选择控件默认选中卫星混合

天地图 地图选择控件默认选中卫星混合

时间:2024-11-15 15:10:05浏览次数:1  
标签:控件 cn map 地图 选中 tianditu gov

参考1 https://www.cnblogs.com/hjyjack9563-bk/p/16363947.html
参考2 https://www.tianditu.gov.cn/ -> 开发资源 -> Web端开发 -> JavaScript API 4.0
-> 类参考 -> 控件类 -> Control.MapType , Control.TMapTypeControlOptions
-> 代码示例

     this.T = window.T;

      var imageURL = "http://t0.tianditu.gov.cn/img_c/wmts?" +
        "SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=c&FORMAT=tiles" +
        "&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=这里密钥密钥";

      //初始化地图对象
      this.map = new this.T.Map(this.container, {
        projection: "EPSG:4326",
        layers: [new T.TileLayer(imageURL, {minZoom: 1, maxZoom: 18})],
      });

  let ctrl = new T.Control.MapType([
      // 这里顺序不能变,图层要放到第一个
        {
          title: "卫星混合",
          icon: "http://api.tianditu.gov.cn/v4.0/image/map/maptype/satellitepoi.png",
          layer: TMAP_HYBRID_MAP,
        },
        {
          title: "地图", //地图控件上所要显示的图层名称
          icon: "http://api.tianditu.gov.cn/v4.0/image/map/maptype/vector.png", //地图控件上所要显示的图层图标(默认图标大小80x80)
          layer: TMAP_NORMAL_MAP, //地图类型对象,即MapType。
        },
        {
          title: "卫星",
          icon: "http://api.tianditu.gov.cn/v4.0/image/map/maptype/satellite.png",
          layer: TMAP_SATELLITE_MAP,
        },
        {
          title: "地形",
          icon: " http://api.tianditu.gov.cn/v4.0/image/map/maptype/terrain.png",
          layer: TMAP_TERRAIN_MAP,
        },
        {
          title: "地形混合",
          icon: " http://api.tianditu.gov.cn/v4.0/image/map/maptype/terrainpoi.png",
          layer: TMAP_TERRAIN_HYBRID_MAP,
        }
      ]);

      ctrl.setPosition(window.T_ANCHOR_BOTTOM_LEFT); //地图选择控件位置
      this.map.addControl(ctrl); //添加地图选择控件

      // 如果没有地图选择控件,则可以直接用下面代码设置
      // this.map.setMapType(TMAP_HYBRID_MAP)

标签:控件,cn,map,地图,选中,tianditu,gov
From: https://www.cnblogs.com/linhan8888/p/18548016

相关文章

  • 界面控件DevExpress Blazor UI v24.1新版亮点 - 全新PDF Viewer等组件
    DevExpress BlazorUI组件使用了C#为BlazorServer和BlazorWebAssembly创建高影响力的用户体验,这个UI自建库提供了一套全面的原生BlazorUI组件(包括PivotGrid、调度程序、图表、数据编辑器和报表等)。DevExpress Blazor控件目前已经升级到v24.1版本了,此版本发布了全新的PDF......
  • 界面控件DevExpress Blazor UI v24.1新版亮点 - 全新PDF Viewer等组件
    DevExpress BlazorUI组件使用了C#为BlazorServer和BlazorWebAssembly创建高影响力的用户体验,这个UI自建库提供了一套全面的原生BlazorUI组件(包括PivotGrid、调度程序、图表、数据编辑器和报表等)。DevExpress Blazor控件目前已经升级到v24.1版本了,此版本发布了全新的PDF查......
  • Qt/C++地图高级绘图/指定唯一标识添加删除修改/动态显示和隐藏/支持天地图高德地图百
    一、前言说明已经有了最基础的接口用来添加覆盖物,而且还有通过进入覆盖物模式动态添加覆盖物的功能,为什么还要来个高级绘图?因为又有新的需求,给钱就搞,一点底线都没有。无论哪个地图厂家,提供的接口都是没有唯一标识参数的,也就类似于学号,这就是需要自己主动定一个属性用来存储唯一标......
  • HowTo—— Swift2.0在视图中显示地图
    HowTo——Swift2.0在视图中显示地图东坡肘子​ ​关注他 4人赞同了该文章HowTo系列只提供代码和简单的说明,XcodeVersion12.0beta2(12A6163b)Swift2.0中,苹果添加了Map,让开发者可以非常容易的在View中添加需要的地图元素。importSwiftUIimpor......
  • cxGrid【过滤、排序】后获取选中记录的值和cxGrid空表判断
    方法一:使用函数GetRowValue此方法在表格过滤、排序后也正常,请注意:此代码顺序需要CXGRID的列顺序和ADOQUERY中SELECT的字段顺序一致,否则会取错。procedureTfrmBillExtraction.pmGetBill_D_DatasClick(Sender:TObject);varI,J:Integer;beginwithcxGDBTV_Bill_M.Data......
  • vue中百度地图切换高德地图总结
    由于公司不续费百度地图,所以切换高德。。。一、注册高德需要这样,先安装@amap/amap-jsapi-loaderimportAMapLoaderfrom"@amap/amap-jsapi-loader";mapInit(point){window._AMapSecurityConfig={//安全密钥securityJsCode:"*********",//换成自己的}......
  • layui-laydate时间日历控件详细示例
     layui下载地址:http://www.layui.com/此控件可使用layui或者独立版的layDate,两者初始化有些不同1.在layui模块中使用layui.code<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>layDate快速使用</title><linkrel="stylesheet"......
  • 界面控件Kendo UI for Angular中文教程:如何构建带图表的仪表板?(一)
    KendoUIforAngularListView可以轻松地为客户端设置一个带有图表列表的仪表板,包括分页、按钮选项、数字或滚动,以及在没有更多项目要显示时的通知等。KendoUIforAngular是专用于Angular开发的专业级Angular组件。telerik致力于提供纯粹的高性能AngularUI组件,无需任何jQuery......
  • 界面控件DevExpress WPF中文教程:TreeList视图及创建分配视图
    DevExpressWPF拥有120+个控件和库,将帮助您交付满足甚至超出企业需求的高性能业务应用程序。通过DevExpressWPF能创建有着强大互动功能的XAML基础应用程序,这些应用程序专注于当代客户的需求和构建未来新一代支持触摸的解决方案。无论是Office办公软件的衍伸产品,还是以数据为中心......
  • harmony_flutter_amp 导入高德地图
    接入功能目前已接入amap_flutter_location_ohos已经接入了updatePrivacyShow、updatePrivacyAgree、setApiKey、setLocationOption、startLocation、stopLocation、stopLocation、destroy方法初始化1.高德地图隐私弹窗设置AMapFlutterLocation.updatePrivacyAgree(true);......