天地图key申请-加载地图空白问题

操作方法(看不懂看参考文献中链接)
1、天地图申请网站https://www.tianditu.gov.cn/

2、申请服务端key(浏览器端会出现地图空白问题)

3、在复制地址的"wmts"前手动输入"esri/",复制粘贴时可能会有多余的空字符也会导致报错。
如http://t0.tianditu.gov.cn/ter_c/wmts?tk=您的密钥 修改为http://t0.tianditu.gov.cn/ter_c/esri/wmts?;下面参数按小加号参数填tk,值粘贴key码。

参考文献:
1、https://blog.youkuaiyun.com/m0_59795779/article/details/125890711?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1-125890711-blog-129713023.235%5Ev38%5Epc_relevant_anti_t3&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1-125890711-blog-129713023.235%5Ev38%5Epc_relevant_anti_t3&utm_relevant_index=1

2、https://blog.youkuaiyun.com/qq_35724512/article/details/117445105

### 高德地图API获取天空颜色与自定义地图样式 高德地图提供了丰富的API接口用于创建和定制地图样式,其中包括通过其在线工具生成的地图样式ID来应用特定的颜色方案[^1]。然而,在实际开发过程中可能会遇到一些问题,比如引入样式ID后效果未能正常显示的情况。这通常是因为样式文件未被正确加载或者配置参数有误。 为了实现更具体的视觉需求,例如提取与天空颜色相关的数据并应用于地图背景,可以通过以下方式尝试: #### 使用高德地图的自定义样式功能 高德地图允许开发者通过其官网提供的 **自定义地图风格编辑器** 来调整地图的整体外观,包括但不限于道路、建筑物以及自然景观的颜色表现[^3]。虽然该平台并未直接提供“天空颜色”的选项,但可以间接通过对水体(如湖泊、河流)、云层覆盖区域以及其他大面积空白区的颜色设定达到近似的效果。 具体操作如下: - 登录到高德开放平台账户; - 进入【我的工作台】->【管理控制台】下的“自定义地图”模块; - 创建新的样式模板,并针对不同地理要素逐一修改属性值直至满足设计目标为止;完成后记得保存更改并将新生成的styleId嵌套至前端页面代码片段里。 以下是基于Vue框架集成高德地图插件的一个简单例子[^2]: ```javascript import VueAMap from 'vue-amap'; // 初始化 AMap 对象及其依赖项 Vue.use(VueAMap); VueAMap.initAMapApiLoader({ key: '您的个人密钥', plugin: [ 'AMap.Scale', 'AMap.OverView', 'AMap.ToolBar', 'AMap.MapType', 'AMap.PlaceSearch', 'AMap.Geolocation' ], v: '1.4.15' // 版本号可根据实际情况调整 }); export default { data() { return { mapStyleId: 'your_style_id_here', // 替换为您刚才获得的实际 style id 值 centerPoint:[116.397428, 39.90923], // 默认中心坐标位置 zoomLevel:12 // 初始缩放级别 }; }, mounted(){ this.$amapPromise().then(() => { let mapInstance = new AMap.Map('container',{ resizeEnable:true, zoom:this.zoomLevel, center:this.centerPoint, mapStyle:`amap://styles/${this.mapStyleId}` // 应用个性化主题配色方案 }); }) } } ``` 需要注意的是,如果希望进一步增强用户体验,则可能还需要考虑其他因素的影响,像天气状况对于真实世界中观察到的天际线色调差异等外部变量的作用力。遗憾的是目前尚无现成的方法能够单纯依靠高德地图API就精确还原某一时段内的大气光学现象细节[^4]。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值