為 Google 標記添加透明度

Question

我有一個看起來像本教程中的標記： http://www.powerhut.co.uk/googlemaps/custom_markers.php

我可以為這個標記添加透明度嗎？

我查看了網絡並沒有找到可以幫助我解決這個問題的東西。 在 Bing 地圖中，我可以執行以下操作：

var veCustomIco = new VECustomIconSpecification();
veCustomIco.CustomHTML= "<img src='" + url + "' style='filter: Alpha(opacity=10);-moz-opacity: 0.1;opacity: 0.10;'/>";
pin.SetCustomIcon(veCustomIco);

謝謝你。

Answer 1

它看起來不像你可以： http://code.google.com/apis/maps/documentation/javascript/reference.html#MarkerOptions

Answer 2

在 Google Maps API 的 3.21 版中，這似乎是可能的：

https://developers.google.com/maps/documentation/javascript/reference?csw=1#MarkerOptions

您可以使用setOpacity() opacity 方法，也可以在創建標記時將 opacity 作為選項傳入。

Answer 3

您可以根據需要添加透明度，因為這是一個 PNG 文件。 PNG 文件可以具有透明度。 只需使用 Photoshop 等編輯圖像文件。

Answer 4

聽起來這是一個帶有 alpha 通道的常見 PNG。 沒有花哨的軟件工作，只是簡單的 gfx 編輯。 GIMP 可以做到這一點。 “圖層”->“透明度”->“添加Alpha通道”，然后使用“橡皮擦”工具刪除您想要的任何內容，或使用圖層不透明度使圖層部分透明，或調整曲線中的Alpha通道......無論如何，“棋盤格" 背景意味着透明度。 保存為PNG，你就完成了。

Answer 5

我遇到了類似的問題，並通過 php 請求解決了它加載透明 png 的問題，並通過獲取傳遞了“透明度”變量。

比如：pathtoyourphpfile/index.php?input=darkcyan_0c.png&transparency=40 其中'input'是原始圖像，'transparency'是你想要的透明度百分比。 在這種情況下，它輸出“output-40.png”

我使用imagick來處理png。 一個沒有圖像路徑的非常簡單的例子：

$percent   = $_GET[transparency];
$transparency   = 100 / $percent;
$command = "/usr/bin/convert ".$_GET[input]." -channel Alpha -evaluate Divide {$transparency} output-{$transparency}.png";
$output         = shell_exec($commando1); 

但你也可以使用 php 的 GD 庫來調整 png 的透明度