javascript - Google 放置 API 图标

标签 javascript google-maps-api-3

我正在使用 Google 的 Places API (http://code.google.com/apis/maps/documentation/places/)。我想使用 Google 传递的图标作为地点结果集的一部分,但它们看起来很大且超出比例。

根据 Google 关于 Marker 对象的文档,Marker.setIcon 方法应该自动缩放图像以适合 map 。

我正在使用这样的东西:

var marker      = new google.maps.Marker({
                                      map: map,
                                      position: place.geometry.location
                 });
marker.setIcon(place.icon);

它可以工作,但图像没有缩放。无论如何,它看起来大约是 ~75px 的正方形。我还尝试将此图像写入一个新的 MarkerImage 对象,然后我可以对其进行缩放,但这似乎过于复杂。

是否有使图标图像正确缩放的技巧?

最佳答案

好吧,我在这里没有任何想法,所以我继续创建了一个新的 MarkerImage 对象并对其进行了缩放。工作正常,不是很优雅,但在这里:

// pass in the place object returned by the Google Place API query
function createPlace(place){
  var gpmarker    = new google.maps.MarkerImage(place.icon, null, null, null, new google.maps.Size(25, 25));
  var marker      = new google.maps.Marker({
    map: map,
    position: place.geometry.location,
    title: place.name,
    icon: gpmarker
  });
}
                    }

关于javascript - Google 放置 API 图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7394115/

相关文章:

javascript - 第一次点击后点击谷歌地图标记不会打开信息窗口

javascript - 谷歌地图在输入时显示错误的位置

javascript - 在后续点击时使 onclick 事件切换显示?

javascript - 使用 li 标签垂直创建菜单列表

javascript - 替换下一个出现的字符串

javascript - 当水 visibility 关闭时,谷歌会在景观上绘制奇怪的多边形

javascript - 从字符串数组中删除第一个 "word"

javascript - Angular $HTTP 响应语法错误 : Unexpected token E

javascript - 将数组从 NodeJS 服务器传递到客户端?

javascript - map API v3 : Calculate bearing