Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 调整谷歌地图标记的大小_Angularjs_Google Maps_Google Maps Api 3 - Fatal编程技术网

Angularjs 调整谷歌地图标记的大小

Angularjs 调整谷歌地图标记的大小,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

我想在我的谷歌地图API上添加定制的谷歌地图pin。我的图像是135pxx185pxh,我想把它缩小一些,比如26pxwx35pxh,以便在谷歌地图上看起来合适。除了使用ps/ai工具调整图像大小外,这是否还能使pin看起来更小? 如何添加scaledSize

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我想调整标记的大小。上面的代码没有显示标记。请参阅