echarts 地图标记
时间: 2023-08-28 10:04:26 浏览: 95
Echarts 地图标记可以通过 scatter (散点图) 的方式或者使用 markPoint 图表标注的方式在地图上进行。 如果使用 notepad 或者记事本打开的 SVG 图片中没有 d 属性,而是含有 base64 的话,那么就不能使用第二种方法,因为可能会导致标注图标无法显示,只会显示方块背景而没有图标。在这种情况下,可以让 UI 给出 PNG 格式的图片,然后自己在网上进行转换,再使用第二种方法进行标记。 在 Echarts 中,可以使用以下代码进行地图标记:
```
series: [
{
type: "scatter",
coordinateSystem: "geo",
data: this.convertData(this.data),
showAllSymbol: true,
symbolSize: 20,
symbol: "image://http:...",
symbolRotate: 35,
},
]
```<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [echarts 地图上如何打点](https://download.csdn.net/download/qq_36437172/12416017)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [echarts的地图标注自定义图片路径](https://blog.csdn.net/Zxiuping/article/details/88740588)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文