2012-06-09 54 views
1

我正在使用Google Maps V3 API來顯示我的地圖。我的Google地圖的色調

問題:我該如何爲地圖着色色彩,比如說藍色,這樣地圖上的瓦片纔會有藍色的色調,但是標記和其他覆蓋物不是?我不希望在地圖上使用自定義樣式,這會導致我快速觸及樣式化地圖的Google地圖使用限制。

我想添加一個不透明的藍色多邊形,但是當你平移地圖時,多邊形會移出屏幕。有沒有更好的方法來達到這個效果?

回答

1

添加一個矩形看起來很有說服力,有一個缺陷:當地圖放大和縮小時閃爍。我沒有完全測試,但是可能會遇到分層問題,例如無法點擊矩形下方的一條線。我記得,這個標記位於不同的窗格中,因此它是可點擊的。

演示http://jsfiddle.net/yV6xv/27/

bounds = new google.maps.LatLngBounds(
    new google.maps.LatLng(-84.999999, -179.999999), 
    new google.maps.LatLng(84.999999, 179.999999)); 

rect = new google.maps.Rectangle({ 
    bounds: bounds, 
    fillColor: "#0000ff", 
    fillOpacity: 0.3, 
    strokeWeight: 0, 
    map: map 
}); 

邊注:我嘗試了KML覆蓋這樣的:

<ScreenOverlay> 
    <name>Dynamic Positioning: Top of screen</name> 
    <visibility>0</visibility> 
    <Icon> 
     <href>http://...blue.png</href> 
    </Icon> 
    <overlayXY x="0" y="1" xunits="fraction" yunits="fraction"/> 
    <screenXY x="0" y="1" xunits="fraction" yunits="fraction"/> 
    <rotationXY x="0" y="0" xunits="fraction" yunits="fraction"/> 
    <size x="1" y="1" xunits="fraction" yunits="fraction"/> 
    </ScreenOverlay> 

本來是一個贏家,但你不能拖動和滾動地圖。

+0

嘿莉莉娜,謝謝你的幫助。我試圖避免使用地圖樣式,因爲風格地圖的地圖使用率要低得多。這可以使用覆蓋/底層來完成嗎? – Nyxynyx

+0

抱歉沒有閱讀這個問題。 (我會想到的東西 –

+0

這真棒,我得到的顏色色調,並沒有看到任何flickr。但是,矩形覆蓋了我的自定義圖像覆蓋(熱圖),似乎無法帶來覆蓋矩形上方,或長方形在自定義圖片覆蓋圖下方 – Nyxynyx

0

我將作出你的意思是將API嵌入到網頁中。如果這是真的,你可以將API包裝到一個div讓我們說,然後使用一點CSS來填補您選擇的藍色顏色的div,並將div的不透明度設置爲0.4或(40%)。您的代碼會是這個樣子:

HTML

<div id="mapwrapper">MAP API EMBEDDING CODE</div> 

CSS

#mapwrapper{ 
     opacity:0.4; 
     filter:alpha(opacity=40); /* For IE8 and earlier */ 
     } 

通過w3schools.com

我已經使用了網站上的社交媒體/社交網絡連接的引用。

再次,這是如果你嵌入到一個網站,我會問具體的你的意圖,但這個黨的事情不會讓我發表評論。

+0

是的,我嵌入到一個網站,我有熱圖產生覆蓋在地圖上,但覆蓋瓷磚有很多透明區域,我想填補一些顏色,所以熱圖有一個連續的彩色填充0重量,而不是透明,這使得地圖看起來很髒 – Nyxynyx