页面树结构
转至元数据结尾
转至元数据起始

(本文档仅供参考)

问题

          如何实现地图边界高亮,如下图的效果:

          

解决方案

        可通过如下扩展属性实现(  注:此效果只对航线图生效。):

{
    "series": [{
        "name": "中国",
        "type": "map",
        "mapType": "china",
        "selectedMode": "multiple",
        "itemStyle": {
            "normal": {
                "shadowBlur": 12,
                "borderWidth": 5,
                "borderColor": "#61a4d8",
                "shadowColor": "#1874CD"
            }
        },
        "zlevel": -1
    }]
}

         地图背景颜色设置:

           

        效果:

         

注:如果使用此示例中的扩展属性代码不生效,可将上文中扩展属性中的  "mapType": "china"  修改为  "mapType": "CHINA"。

     

Viewtracker License Missing

There is a problem with the license of the Viewtracker addon. Please check if you have a valid license.

授权码细节

  • 无标签

评论

  1. 刘晓敏 发表:

    若在自助仪表盘中实现,因为自助仪表盘地图存在多系列,所以地图默认共用一个GEO插件,由于使用GEO插件的原因,itemstyle是不生效。

    故自助仪表盘中可参考如下设置:

    1、series.mapType为大写的CHINA

    2、将geoIndex设置非0任意数字,不使用geo插件

    3、将zlevel改为-1

    "series": [
    		{
    			"name": "中国",
    			"type": "map",
    			"mapType": "CHINA",
    			"selectedMode": "multiple",
    			"itemStyle": {
    				"normal": {
    					"shadowBlur": 12,
    					"borderWidth": 5,
    					"borderColor": "#61a4d8",
    					"shadowColor": "#1874CD"
    				}
    			},
    			"geoIndex": 100,
    			"zlevel": -1
    		}
    	]