2015-10-07 75 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中的元素是一個臨時修復,不是嗎? –