2015-10-07 76 views
0

是否有任何可能不同颜色的区域在地图上通过css ?.我无法找到相关的职位颜色外部边界按css为地图区域

我有我映射这样的部分:

enter image description here

该区域包含五个子区域,你可以看到。每次区域边界是红色的。我需要做只有外部边界(触摸大海)是黑色

这里是初步认识代码:

对于外部区域

  mapdata.parentId = "c0"; 

      mapdata.name = a; 
      mapdata.title = "Arron"; 
      mapdata.cName = "_21";   **<--Class Name** 
      mapdata.zoom = 0; 
      mapdata.backUrl = "?v=arron&d=" + d; 

      //get all arrondisments 
      using (var query = new SiteAdminQuery()) 
      { 
       DrawSingleArrondissment(a, query, paths); 

       if (showCity) 
       { 
        DrawAllCitiesForSelectedArrondissment(d, a, query, paths, false, true); 
       } 
      } 

       mapdata.paths = paths.OrderByDescending(x => x.BoundaryDisplayOrder).ToArray(); 
      } 

对于内蒙古地区:

key = arrondissementSetUp.arrndsId.ToString(), 
        type = "a", 
        mType = string.Format("{0}: {1}", HEM.Resources.Globals.arrnds, arrondissementSetUp.name), 
        url = string.Format("?v={0}&d={1}&a={2}", "arron", arrondissementSetUp.deptId, arrondissementSetUp.arrndsId), 

        cName = "_New21",  **<--Class Name** 

        path = arrondissementSetUp.mainViewPathId.ToString(), 
        BoundaryDisplayOrder=3 

这是地区的CSS:

._21 { 
    fill: #ffff7d; 
    stroke: #000000; 
    stroke-width: 1; 
} 

    .New_21{ 
    fill: #ffff7d; 
    stroke: #d10909; 
    stroke-width: 1; 
} 

我试图用的.class:后房产,但是这是行不通的。

我发现这个职位

CSS Outside Border

http://jsfiddle.net/A2tu9/191/例子。

我搜索谷歌与像

关键字“CSS:设置外边界/边框颜色”,“CSS:设定内部边界/边框”,并像.. 但无法找到任何好的帖子。这些地区是用地图坐标创建的,所以我无法发布整个代码。

让我知道如果有其他资源是必需的。我将它张贴

请还建议,如果这个东西可以与任何其他技术

回答

0

因此,它看起来像你的省份由SVG抽出发生。没有一个属性可以做你需要它做的事情。你需要做的是在你绘制出单个区域之后,你需要再次绘制出整个岛屿作为单个SVG元素(即一个整体岛屿形状的固体形状,忽略单个区域),以及设置为fill: transparent; stroke:black;

因为您在绘制它之后,它将坐在现有岛的顶部,而黑色边框将仅覆盖外部的红色边框。

+0

我做到了这一点,但是当鼠标悬停时,它将鼠标悬停在外围区域,这是错误的,我需要将鼠标悬停在较小的区域 –

+0

你没有在你的帖子中说你必须将鼠标悬停在所有内容上,我们不得不原谅不清楚。但是,解决方案很简单:在DOM中,移动DOM中比省略大的省份。即: <整个地区的路径> <子路径的路径> <子路径的路径> – i7nvd

+0

好的,我错过了,但根据您的解决方案,移动DOM中的元素是一个临时修复,不是吗? –