javascript – Google地图标记 – 设置背景颜色

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Google地图标记 – 设置背景颜色，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1030字，纯文字阅读大概需要2分钟。

内容图文

我使用透明的PNG作为我的标记,并希望透明区域填充某种颜色.我以前使用标记阴影完成了这个,但那些不适用于视觉刷新(即v3.14).

谢谢！

解决方法:

一个技巧可能是用PHP操作PNG图像,如果这是一个选项.以下脚本需要4个参数：图像源,红色,绿色和蓝色.

image.php脚本：

$src = $_GET['src'];

$r = $_GET['r'];
$g = $_GET['g'];
$b = $_GET['b'];

$image = @imagecreatefrompng($src);

// Create a new true color image with the same size
$w = imagesx($image);
$h = imagesy($image);
$color = imagecreatetruecolor($w, $h);

// Fill the new image with desired color
$bg = imagecolorallocate($color, $r, $g, $b);
imagefill($color, 0, 0, $bg);

// Copy original transparent image onto the new image
imagecopy($color, $image, 0, 0, 0, 0, $w, $h);

// Serve the image
header("Content-type: image/png");
imagepng($color);
imagedestroy($color);

在javascript中,使用所需参数调用image.php：

var marker = new google.maps.Marker({
    position: new google.maps.LatLng(0, 0),
    map: map,
    icon: 'path/to/image.php?src=http://maps.google.com/mapfiles/marker.png&r=100&g=125&b=255'
});

原始图片：

输出图像：

内容总结

以上是互联网集市为您收集整理的javascript – Google地图标记 – 设置背景颜色全部内容，希望文章能够帮你解决javascript – Google地图标记 – 设置背景颜色所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端