5
A
回答
5
有沒有辦法通過CSS。您可以引用數組中的標記,然後在每個標記對象上使用setIcon()
方法遍歷數組,以引用具有不同不透明度的圖標(假定您使用的是具有alpha透明度的PNG)。您必須調用一個函數才能根據用戶輸入或其他事件更改圖標。
21
標記的不透明度可以與marker.setOptions({'opacity': 0.5})
7
設置您可以使用marker.setOpacity(0.5);
https://developers.google.com/maps/documentation/javascript/3.exp/reference#Marker
代碼片段:
var marker;
function initialize() {
var map = new google.maps.Map(
document.getElementById("map_canvas"), {
zoom: 10,
center: {
lat: -33.9,
lng: 151.2
},
mapTypeId: google.maps.MapTypeId.ROADMAP
});
marker = new google.maps.Marker({
position: {
lat: -33.890542,
lng: 151.274856
},
map: map,
title: "Bondi Beach"
});
}
google.maps.event.addDomListener(window, "load", initialize);
html,
body,
#map_canvas {
height: 100%;
width: 100%;
margin: 0px;
padding: 0px
}
<script src="https://maps.googleapis.com/maps/api/js"></script>
<input id="inc" type="text" value="0.5" />
<input type="button" id="set" value="set opacity" onclick="marker.setOpacity(parseFloat(document.getElementById('inc').value))" />
<input type="button" id="full" value="full opacity" onclick="marker.setOpacity(1.0);" />
<div id="map_canvas"></div>
相關問題
- 1. 谷歌地圖的自定義標記不具有透明度
- 2. 谷歌地圖`不透明度gmnoprint`標記元素設置
- 3. 谷歌地圖標記與透明文字標籤
- 4. 谷歌地圖方向不透明
- 5. 如何控制標記是谷歌地圖的JavaScript哪一層?
- 6. 如何控制位圖的透明度?
- 7. 谷歌地圖多次套印不累積不透明度
- 8. 谷歌地圖瓷磚的不透明度
- 9. 如何調整谷歌地圖api v3中TMS圖層的不透明度?
- 10. 谷歌地圖透明圖像覆蓋
- 11. 谷歌地圖上的透明佈局
- 12. Android - 谷歌地圖上的透明ToggleButton
- 13. 不透明度控制覆蓋地塊
- 14. 添加透明度,以谷歌的標記
- 15. 在谷歌地圖上設置定製瓷磚的不透明度Android
- 16. 窗體不透明度..如何控制?
- 17. 谷歌地圖API v3重疊形狀不透明限制
- 18. 谷歌地圖:透明多邊形
- 19. 谷歌地圖api:infowindow背景透明
- 20. 谷歌地圖是增加透明度圖像
- 21. 如何啓用谷歌地圖標記
- 22. css3不透明度谷歌網站
- 23. 谷歌地圖數據層不透明控制從外部按鈕
- 24. 谷歌地圖 - 多標記
- 25. 標記在谷歌地圖
- 26. RxJS谷歌地圖標記
- 27. 谷歌地圖標記
- 28. 谷歌地圖標記url
- 29. 谷歌地圖 - 多標記
- 30. 谷歌地圖API標記
這是非常相似到http://stackoverflow.com/questions/8721327/effects-and-animations-with-google-maps-markers/8722970#8722970 – bamnet 2012-01-11 05:11:19