自定义地图热点设置
客户场景:
某客户的需求是将该公司的分公司在地图上标记出位置,点击标记图标时能能显示该公司的详细信息.集深产品中的自定义地图能实现该功能,满足客户需求.具体功能设置如下:
svg文件设置
在某地图svg文件中增加image节点的设置,每一个image节点代表一个热点.
<image id="xj-hami-yz" x="138" y="122" width="11" height="11" xlink:href="1212.png" transform="matrix(1,0,0,1,368,54)" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" />
svg路径: \mis2\Charts\svg,如果svg不是产品中自带的需要配置一下,配置文件GraphTypeDefine.json,路径: \mis2\flexdesigner\designer\config
注:svg文件可以使用专业软件SVGDeveloper编辑,也可以文件编辑器编辑.
数据集准备
区域设置需要的数据集如下:
注意:市ID数据根svg path 节点id保持一致
热点设置所需数据集:
注意:热点ID跟svg文件中的image 节点id 保持一致
区域设置
热点设置
超链接:
mis2/reportcenter/showReport1.jsp?resID=31394&maparg2=@areaName&encodeParamName=areaName
效果图:
点击图标链接到
