2011-10-04 64 views
1

我正在使用gmap3並將自定義引腳和引腳陰影添加到了我的地圖中,但我在獲取圖標和陰影對齊時遇到問題。我的代碼是:使用gmap3添加安全點和圖標大小以將地圖標記添加到地圖中

marker: { 
    options: { 
    icon: '/media/pins/pin.png', 
    iconSize: [26, 30], 
    shadow: '/media/pins/pin_shadow.png', 
    shadowSize: [44, 30], 
    iconAnchor: [13, 70], 
    }, 

一直沒能在網上找到任何的例子,所以我不知道問題是否與我所說的選項(例如:iconSize)或用我的方式服務於價值(例如:[13,70])

+0

你是如何制定錨點在13,70? – duncan

+0

這只是一個例子,所以一直在使用13,70,以確保我會看到變化的影響 – Christoffer

回答

3

正如Duncan指出的解決方案是使用MarkerImage類。要做到這一點的方法是:

marker: { 
    options: { 
    icon: 
     new google.maps.MarkerImage('/media/pins/pin.png', //icon url 
     new google.maps.Size(26, 30), //sets the icon size 
     new google.maps.Point(0, 0), //sets the origin point of the icon 
     new google.maps.Point(13, 30)), //sets the anchor point for the icon 
    shadow: 
     new google.maps.MarkerImage('/media/pins/pin_shadow.png', 
     new google.maps.Size(44, 30), 
     new google.maps.Point(0, 0), 
     new google.maps.Point(13, 30)), 
    }, 
+0

+1,幫了我很多。 – 472084

1

MarkerOptions沒有iconSize,shadowSize或iconAnchor屬性。很難說gmap3是否會將選項直接插入MarkerOptions中。如果是這樣,則需要創建圖標和陰影,代替爲MarkerImage對象。

+0

謝謝,這指出我在正確的方向:) – Christoffer