2015-06-11 3 views
0

Я хочу добавить настраиваемый вывод карты Google на свой API-интерфейс google. Мое изображение большой 135px (w) x 185px (h), я хочу сделать его меньше, например, в 26px (w) x 35px (h), чтобы выглядеть в googlemap. Это так или иначе может сделать штифт меньше, кроме изменения размера изображения с помощью инструментов (ps/ai)? Как добавить scaledSize?Изменить размер карты Google Маркер

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' 
}; 

спасибо.

+1

Карты {} объект выше, не имеет ничего общего вообще с «настраиваемым Google Map штифтом », - говорится в этом вопросе. – davidkonrad

+0

@ davidkonrad Я хочу изменить размер маркера. – hahahaha

+0

В приведенном выше коде отсутствует маркер. – MrUpsidown

ответ

-1

Если изображение, которое вы хотите использовать в качестве маркера, слишком велико, первым (но очевидным) советом должно быть изменение размера вашего изображения в соответствии с вашими потребностями.

Однако, вы можете сделать это программно:

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, 
    // ... 
}); 
Смежные вопросы