Closed Star-live closed 3 years ago
替换AK了吗?需要把自己申请的高德地图key配置下。
这个样式可以在 https://lbs.amap.com/dev/mapstyle/index 自己配置,有些样式是可能没有对外分享。 这里是官方提供的默认样式:https://lbs.amap.com/api/javascript-api/guide/map/map-style/
样例是没问题的,我在我的应用中遇到了问题,可能是与ECharts的timeline
组件不兼容
由于想要可以动态展示变化过程,我用到了ECharts的timeline
组件,类似于这个实例https://echarts.apache.org/examples/zh/editor.html?c=doc-example/mix-timeline-all
我仅在baseOption
中修改了amap
的样式,但是option
中没做修改,另外感到的奇怪的是,我的语言设置为“英文”生效了,但是地图样式的修改却没生效。而在之前我使用bmap
时,仅需要在baseoption
中进行地图样式的设置是都可以生效的。
我的地图样式相关代码如下所示:
amap: {
// center: [104.114129, 37.550339],
center: [95.78445017, 37.550339],
viewMode: '3D',
lang: "en",
zoom: 5,
roam: true,
mapStyle: "amap://styles/dark",
resizeEnable: true
},
我现在能想到的做法就是将amap
的配置在每个option
中都重复配置,但这可能会占用较多的空间,请问您有什么相关建议吗。
明白了。似乎是个 bug,我稍后会确认并修复。
@Star-live 刚发了 1.7.0
版本,麻烦请再帮助验证下是否问题仍然存在,谢谢。
NPM: https://www.npmjs.com/package/echarts-extension-amap CDN: https://cdn.jsdelivr.net/npm/echarts-extension-amap@1.7.0/dist/echarts-extension-amap.min.js
非常感谢您的工作,在1.7.0的版本中我不会再遇到issue 12的清空绘图实例的问题了。 但是地图样式无法修正的问题仍然没得到解决,经过在demo网页上的测试,我终于发现了问题的原因,似乎语言设置与地图样式设置是不兼容的,比如使用example中的例子index,当代码如下所示时,可以正常显示地图样式
amap: {
viewMode: '3D',
center: [108.39, 39.9],
zoom: 4,
// lang: "en",
resizeEnable: true,
mapStyle: "amap://styles/dark",
renderOnMoving: true,
echartsLayerZIndex: 2019
}
此时的运行结果如下图所示:
当我设置语言为英文时,地图样式就不再生效
amap: {
viewMode: '3D',
center: [108.39, 39.9],
zoom: 4,
lang: "en",
resizeEnable: true,
mapStyle: "amap://styles/dark",
renderOnMoving: true,
echartsLayerZIndex: 2019
}
我希望能够得到一个暗色背景的英文地图底图,不知道您有没有什么可行的建议吗?
这个是高德地图本身的问题,语言为英文,这些样式都不生效。
https://lbs.amap.com/api/javascript-api/reference/map - 查看 lang
的备注。
运行项目中
examples\index.html
文件。 发现修改mapStyle
无法生效。 运行截图: 样式本应为黑色,但实际却是白色。代码源文件: