我正在使用Google Maps V3 API來顯示我的地圖。我的Google地圖的色調
問題:我該如何爲地圖着色色彩,比如說藍色,這樣地圖上的瓦片纔會有藍色的色調,但是標記和其他覆蓋物不是?我不希望在地圖上使用自定義樣式,這會導致我快速觸及樣式化地圖的Google地圖使用限制。
我想添加一個不透明的藍色多邊形,但是當你平移地圖時,多邊形會移出屏幕。有沒有更好的方法來達到這個效果?
我正在使用Google Maps V3 API來顯示我的地圖。我的Google地圖的色調
問題:我該如何爲地圖着色色彩,比如說藍色,這樣地圖上的瓦片纔會有藍色的色調,但是標記和其他覆蓋物不是?我不希望在地圖上使用自定義樣式,這會導致我快速觸及樣式化地圖的Google地圖使用限制。
我想添加一個不透明的藍色多邊形,但是當你平移地圖時,多邊形會移出屏幕。有沒有更好的方法來達到這個效果?
添加一個矩形看起來很有說服力,有一個缺陷:當地圖放大和縮小時閃爍。我沒有完全測試,但是可能會遇到分層問題,例如無法點擊矩形下方的一條線。我記得,這個標記位於不同的窗格中,因此它是可點擊的。
演示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>
本來是一個贏家,但你不能拖動和滾動地圖。
我將作出你的意思是將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 */
}
我已經使用了網站上的社交媒體/社交網絡連接的引用。
再次,這是如果你嵌入到一個網站,我會問具體的你的意圖,但這個黨的事情不會讓我發表評論。
是的,我嵌入到一個網站,我有熱圖產生覆蓋在地圖上,但覆蓋瓷磚有很多透明區域,我想填補一些顏色,所以熱圖有一個連續的彩色填充0重量,而不是透明,這使得地圖看起來很髒 – Nyxynyx
我真的找到了一個比所建議的更好的解決方案。
我的解決方案也可以防止閃爍。 Check it out in this thread!
嘿莉莉娜,謝謝你的幫助。我試圖避免使用地圖樣式,因爲風格地圖的地圖使用率要低得多。這可以使用覆蓋/底層來完成嗎? – Nyxynyx
抱歉沒有閱讀這個問題。 (我會想到的東西 –
這真棒,我得到的顏色色調,並沒有看到任何flickr。但是,矩形覆蓋了我的自定義圖像覆蓋(熱圖),似乎無法帶來覆蓋矩形上方,或長方形在自定義圖片覆蓋圖下方 – Nyxynyx