我正在使用 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/