使用 Angluar5 的 Echarts 地图 及自定义地图显示的位置

本文介绍了如何在 Angular5 项目中使用 Echarts 显示广东地图,并详细阐述了如何添加自定义地图上的点,包括在 .model.ts 和 .component.ts 文件中的配置,以及在 .component.html 文件中的实现。同时提供了参考资料和获取经纬度的方法。
摘要由CSDN通过智能技术生成

参考资料:http://gallery.echartsjs.com/editor.html?c=xHJxewNZdW

广东地图JSON数据:http://gallerybox.echartsjs.com/asset/get/s/data-1502779360900-HkKJuGe_W.json

angluar 封装的 Echarts,基本上是按照这个思路写的

 

在xx.model.ts 文件中添加依赖

import {NgxEchartsModule, NgxEchartsService} from 'ngx-echarts';

@NgModule({
    providers: [NgxEchartsService],
    imports: [
        /*echars依赖*/
        NgxEchartsModule
    ],
    ...
})

在 main.component.ts 文件中添加

import {NgxEchartsService} f
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值