android - 图钉内带有用户图像的自定义谷歌地图标记

标签 android google-maps google-maps-markers

我正在尝试在 map 上显示用户,我已经在应用程序中实现了 map ,但现在我正在尝试制作自定义标记以在 pin 中显示用户的照片,如下所示:Custom markers , 我怎样才能做到这一点?

澄清一下,我想做的是在标记图标位图中显示位图

最佳答案

您可以定义要显示的图标,而不是默认的标记图像。定义图标涉及设置许多属性,这些属性决定了标记的视觉行为。下面的代码应该可以解决问题。

function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 4,
    center: {lat: -33, lng: 151}
  });

  var image = 'filePath' + 'usersPhoto.png';
  var beachMarker = new google.maps.Marker({
    position: {lat: -33.890, lng: 151.274},
    map: map,
    icon: image
  });
}

查看 Google Maps API 了解详情 https://developers.google.com/maps/documentation/javascript/examples/icon-simple#try-it-yourself

关于android - 图钉内带有用户图像的自定义谷歌地图标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38065680/

相关文章:

android - 从 Android 应用程序写入谷歌 FireBase 不工作

javascript - Rails - 如何将从外部 API 检索到的前端 javascript 数据发送到 Controller

javascript - Google map 中奇怪的缩放按钮样式。有人有什么想法吗?

javascript - 如何根据预先确定的约束值自定义热图颜色?

IOS - 优化谷歌地图标记

android - 为什么gradle任务以错误的顺序运行?

Android Activity/PreferenceFragment 生命周期?

android - 使用 Webview 的 Paypal

ios - 如果 Google map 尚未运行,则 Google map 无法正确显示路线

google-maps-markers - 在静态谷歌地图 URL 中使用 "@2x"