包括3个图像在一个谷歌地图标记
Including 3 images inside one Google Maps Marker
我正在尝试使用谷歌地图API完成此操作。我尝试了几个javascript插件,如google-maps-utility-library-v3
的组件,但似乎没有真正做到这一点。
基本上我想做的是有一个阴影层,一个用户的图片层,在它上面的一个图层用于标记图像。我的标记图像有一个透明的洞,所以我想让用户的脸显示在那个洞里,这就是我为什么要这样做的原因。
我现在拥有的很简单:
var shadow = {
url: '/data/images/map/pin_shadow.png',
size: new google.maps.Size(108, 95),
anchor: new google.maps.Point(30, 47)
};
var image = {
url: '/data/images/map/pin.png',
size: new google.maps.Size(60, 95),
anchor: new google.maps.Point(30, 47)
};
var marker = new google.maps.Marker({
position: new google.maps.LatLng(venue.lat, venue.lng),
map: map,
icon: image,
shadow: shadow
});
我想知道是否有人曾经这样做过?
编辑:我更喜欢客户端解决方案。由于我希望我可以在阴影和图像之间添加另一个图像。任何想法?
谢谢你,祝你有美好的一天!你可以尝试这样做:
从PHP/. net/jsp/..动态创建pin图像
var image = {
url: 'my_script.php?user=12345',
size: new google.maps.Size(60, 95),
anchor: new google.maps.Point(30, 47)
};
我不知道你用的是哪种语言,所以这里有一个脚本伪代码:
Set headers to print script as image
if image exists for specified user :
return this image;
else
create image for user with the 3 layers
return image
end if
相关文章:
- 让谷歌数据图表有一个24小时x轴
- 调用一个“;默认瓦片”;在谷歌地图中
- 如何创建一个谷歌地图地理坐标数组
- 创建一个不断变化的谷歌涂鸦风格的标题
- 将一个堆叠列的谷歌图表变成瀑布图
- 在jQuery周期内触发一个谷歌时髦的脚本
- 为位于路线上的谷歌地图标记(起点和终点)设置一个信息窗口
- 如何在谷歌地图中突出显示一个州点击一个国家的任何区域
- 谷歌图表工具在一个页面上添加多个图表
- 使用谷歌地图:一个返回undefined的自定义javascript函数
- 谷歌地图API-获取信息窗口打开时,点击一个圆圈
- 无法在一个页面中添加多个谷歌地图
- 在谷歌地图示例中为 Ajax 调用制作一个 JavaScript 闭包
- 为什么谷歌跟踪代码管理器不能安装在正文下的另一个HTML元素中
- 谷歌应用程序脚本:如何修复循环将一个谷歌文档的段落插入另一个
- 未定义不是一个函数,谷歌地理定位
- 如何使用谷歌应用程序脚本将3个谷歌电子表格中的特定行复制到另一个电子表格中
- 谷歌URL缩短器API-未压缩类型错误:未定义不是一个函数
- 在谷歌地图上显示一个标记
- 从模态内部的主体复制一个谷歌地图