为Google Marker添加透明度

时间:2011-07-15 07:22:37

标签: javascript transparency google-maps-markers

我有一个看起来像本教程中的on的标记: http://www.powerhut.co.uk/googlemaps/custom_markers.php

我可以为此标记添加透明度吗?

我已经看过网了,没找到能帮到我解决这个问题的东西。 在Bing Maps我可以这样做:

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

谢谢。

5 个答案:

答案 0 :(得分:3)

答案 1 :(得分:2)

您可以根据需要添加透明度,因为这是一个PNG文件。 PNG文件可以具有透明度。只需用photoshop等编辑图像文件即可。

答案 2 :(得分:2)

在Google Maps API版本3.21中可以看到这种情况:

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

您可以使用SmallInteger不透明度方法,也可以在创建标记时将不透明度作为选项传递。

答案 3 :(得分:1)

听起来这是一个带alpha通道的常见PNG。没有花哨的软件工作,只是普通的gfx编辑。 GIMP可以做到这一点。 “图层” - &gt;“透明度” - &gt;“添加Alpha通道”,然后使用“橡皮擦”工具删除您想要的任何内容,或使用图层不透明度使图层部分透明,或者在曲线中调整Alpha通道...无论如何, “棋盘格”背景意味着透明度。保存为PNG,你就完成了。

答案 4 :(得分:0)

我遇到了类似的问题并解决了它通过php请求加载透明png并通过get传递'透明'变量。

喜欢:pathtoyourphpfile / index.php?input = darkcyan_0c.png&amp; 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的透明度

相关问题