Angularjs 调整谷歌地图标记的大小
我想在我的谷歌地图API上添加定制的谷歌地图pin。我的图像是135pxx185pxh,我想把它缩小一些,比如26pxwx35pxh,以便在谷歌地图上看起来合适。除了使用ps/ai工具调整图像大小外,这是否还能使pin看起来更小? 如何添加scaledSizeAngularjs 调整谷歌地图标记的大小,angularjs,google-maps,google-maps-api-3,Angularjs,Google Maps,Google Maps Api 3,我想在我的谷歌地图API上添加定制的谷歌地图pin。我的图像是135pxx185pxh,我想把它缩小一些,比如26pxwx35pxh,以便在谷歌地图上看起来合适。除了使用ps/ai工具调整图像大小外,这是否还能使pin看起来更小? 如何添加scaledSize var map = { control: {}, center: { latitude: xxx, longitude: yyy }, zoom: 17, opt
var map = {
control: {},
center: {
latitude: xxx,
longitude: yyy
},
zoom: 17,
options: {
mapTypeControl: mapTypeControl,
mapTypeControlOptions: {
style: 1, // GoogleMapApi.maps.MapTypeControlStyle.HORIZONTAL_BAR
position: 1, // GoogleMapApi.maps.ControlPosition.TOP_LEFT
},
streetViewControl: false,
zoomControl: zoomControl,
zoomControlOptions: {
style: 0, // google.maps.ZoomControlStyle.DEFAULT,
position: 5, // google.maps.ControlPosition.LEFT_CENTER
},
scrollwheel: true,
panControl: false,
scaleControl: false,
draggable: true,
maxZoom: 20,
minZoom: 15,
},
trigger: false,
bounds: {},
dragging: false,
events: {
dragend: function() {
},
click: function(map, eventName, args) {
},
idle: function() {
}
},
rebuildWindows: false,
templateUrl: 'templates/infowindow.html'
};
谢谢。如果要用作标记的图像太大,第一个明显的建议应该是更改图像的大小,以满足您的需要 但是,您可以通过编程方式执行此操作:
var customPin = new google.maps.MarkerImage("../path-of-you-pin/myPin.png"),
new google.maps.Size(21, 34),
new google.maps.Point(0, 0),
new google.maps.Point(10, 34));
// or use the size you want, this are the default sizes
然后像这样使用它:
var marker = new google.maps.Marker({
// ...
icon: customPin,
// ...
});
上面的map{}对象与问题中提到的自定义google map pin没有任何关系。@davidkonrad我想调整标记的大小。上面的代码没有显示标记。请参阅