SovitChart文档中心  /  图表组件发布与集成  /  地图标记事件回调




地图标记事件回调


在 【产品使用指南】-【创建地图】栏中 ”如何给地图定义标记?“已讲了怎样给地图定义标记。

结合企业的应用,经常需要给引入的地图组件添加点击事件,比如:当【单击】地图标记时,在当前页面做一些相应的数据展示。如表格数据的展示,消息框的显示等效果,以下以【单击】弹出一个提示框做为例子进行说明。如下图 地图标记事件。


图 地图标记事件


代码是如何实现的?以下以js实现的代码片段进行说明。如图 引入地图组件。



图 引入地图组件


接下来的代码,由于步骤内容较多,我们先标上步骤编号。以文字进行说明。如下图 步骤编号


图 步骤编号

编号3:页面加载完成后,调用初始化函数。

编号4:初始化函数的定义。1、创建图表解析器对象。publishType 为组件的发布方式,1:在线发布、2:离线发布。

参数说明:

chart_div_id:为页面中定义DIV的 ID。

pageId:页面ID,在组件的发布页面中获取。

mapMain为代码中获取的图表对象。可以通过该对象对它对应的属性进行设置。以实现通过代码修改引入的图表属性。

如 设置图表组件的标题(title )属性。

可以通过如下代码来修改。

mapMain .extendProps.title = {
"text": "我是地图组件的标题"
}

编号5:给地图组件添加地图标识。

             发送地图标识的的JSON格式可以在图表组件设计页面中的【添加地图标记】的样例中获取。       

编号6:添加地图标记事件的回调函数。

            type:图表组件的操作类型。如”click“ 单击事件。


通过数维图软件平台,实现零代码可视化开发!

免费开发我的场景