在Google地图上显示用户头像和名称

时间:2012-08-06 23:06:43

标签: api google-maps google-maps-api-3 maps

在Google地图上展示用户的最佳方式是什么?我需要显示头像图像(25x25px)和用户名以及可点击链接到个人资料。

我一直在搜索api文档,但标记和叠加选项让我感到困惑,我应该使用哪些功能/选项?

谢谢。

2 个答案:

答案 0 :(得分:4)

解决方案是 MarkerImage This link会帮助你。

var latlng = new google.maps.LatLng(lat, lng);
var marker = new google.maps.Marker({
    icon: new google.maps.MarkerImage('avatar.png', null, null, new google.maps.Point(13, 25)), // 13 stands for centering
    position: latlng
});

答案 1 :(得分:0)

正如Jill-JênnVie上面所说,图像可以由MarkerImage设置;

用户名可以设置为该标记/图像的工具提示,它是标记的“title:”参数。

然后在点击时打开用户个人资料为“marker”添加此事件:

google.maps.event.addListener(marker, 'click', function() {window.location = 'http://google.com'});

我会粘贴完整的代码,但它已被修改为包含许多定义为数组的标记。