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“ 单击事件。