Echart + Bmap 画图显示地图控件（缩放控件）

古城微笑少年丶 2022-10-19 04:15 361阅读 0赞

虽然Echart中集成了Bmap，但是默认使用是不加载控件的，即如图所示这些都是没有的。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RoZVdpc2VfbHp5_size_16_color_FFFFFF_t_70][]

如果需要的话，要获取model中的bmap后自己添加，注意获取需写在

myChart.setOption(option);

之后，不然会报错。

var bmap = myChart.getModel().getComponent('bmap').getBMap();  //获取控件
    
    bmap.addControl(new BMap.NavigationControl());               // 添加平移缩放控件
    bmap.addControl(new BMap.ScaleControl());                    // 添加比例尺控件
    bmap.enableContinuousZoom();                              //启用地图惯性拖拽，默认禁用
    bmap.addControl(new BMap.OverviewMapControl());              //添加缩略地图控件
    bmap.enableScrollWheelZoom();                            //启用滚轮放大缩小
    bmap.addControl(new BMap.MapTypeControl());          //添加地图类型控件
    bmap.disable3DBuilding();
    bmap.centerAndZoom(point, 14);
    bmap.setMapStyle({style:'normal'});          //设置模板的初始风格

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RoZVdpc2VfbHp5_size_16_color_FFFFFF_t_70]: /images/20221005/0c543399345c4da6950f86453f1b1652.png

发表评论取消回复

表情：

评论列表（有 0 条评论，361人围观）

还没有评论，来说两句吧...

相关阅读

相关 Android控件居中显示

1. 简单描述： Android的Layout有很多属性，今天，我们就来了解一下layout\_centerInParent，layout\_centerVertical，l

野性酷女/ 2023年10月16日 20:49/ 0 赞/ 130 阅读

相关 Echart + Bmap 画图显示地图控件（缩放控件）

虽然Echart中集成了Bmap，但是默认使用是不加载控件的，即如图所示这些都是没有的。 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shado

古城微笑少年丶/ 2022年10月19日 04:15/ 0 赞/ 362 阅读

相关 AppBarLayout控件 & CoordinatorLayout 控件详解

-------------------- 先认识几个英文单词: CoordinatorLayout 可协调的Layout—--Coordinator:协调者 Collap

矫情吗；*/ 2022年09月24日 11:25/ 0 赞/ 294 阅读

相关 wpf内的控件缩放

在做项目的时候，要求窗体内的多张图片大小跟着窗体进行缩放。若对每一张图片进行按比例调整操作就太复杂了，因为图片数量太大了。查阅资料，终于找到了一个好用的东西--

Myth丶恋晨/ 2022年08月18日 13:17/ 0 赞/ 466 阅读

相关 Web控件和HTML控件

ASP.NET中介绍了两种控件，一是，HTML控件；二是，Web控件。web控件是基于HTML控件加上runat="server"的属性。比HTML控件实现的功能更容易

た入场券/ 2022年08月06日 06:08/ 0 赞/ 293 阅读

相关 RadioGroup控件与radioBtton控件

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" x

阳光穿透心脏的1/2处/ 2022年07月24日 05:24/ 0 赞/ 292 阅读

相关自定义控件：等比例显示控件RatioLayout

![RadioLayout.jpg][] 我们经常碰到服务器返回的图片比例大小是一样的，但是分辨力却是不一样的。这时候，就会遇到显示效果的问题。例如，图1和图2都是宽高比例相

淡淡的烟草味﹌/ 2022年07月10日 11:29/ 0 赞/ 245 阅读

相关 Android控件——Spinner控件详解

Spinner提供了从一个数据集合中快速选择一项值的办法。默认情况下Spinner显示的是当前选择的值，点击Spinner会弹出一个包含所有可选值的dropdown菜单，从该菜

墨蓝/ 2022年05月26日 05:43/ 0 赞/ 3773 阅读

相关 SpinControl控件与动态画图

新建一个mfc对话框 ![20170729111537579][] 删除TODO静态框，确定，取消按钮添加一个静态编辑框ID为IDC\_EDIT1，一个SpinCont

我就是我/ 2021年09月22日 07:40/ 0 赞/ 349 阅读

相关百度地图控件的摆放、显示和自定义控件

[教程地址][Link 1] 代码示例 <html> <head> <meta charset="utf-8"> <meta name=

落日映苍穹つ/ 2021年07月24日 14:26/ 0 赞/ 501 阅读