2010-08-19 64 views
0

如果我已經顯示谷歌地圖標記。谷歌地圖標記+ JQuery:更改圖標

如何使用Jquery更改其圖標?

在此先感謝。

+0

jQuery是不是真的要幫助......所有你需要的是簡單的Javascript與Google API進行交互。地圖標記是如何顯示的?你需要一種引用它的方式。 – Fosco 2010-08-19 12:55:11

+0

嗨, 謝謝。 我剛剛發現了一個有用的方法:marker.setImage(..) – olidev 2010-08-19 13:00:36

回答

1

實際上Google Maps API支持setImage標記的方法。我從谷歌代碼操場獲得此代碼(http://code.google.com/apis/ajax/playground/#custom_marker_image_v3)

function initialize() { 
    var mapDiv = document.getElementById('map-canvas'); 
    var latLng = new google.maps.LatLng(37.4419, -122.1419); 
    var map = new google.maps.Map(mapDiv, { 
    center: latLng, 
    zoom: 13, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
    }); 

    var image = 'http://code.google.com/apis/maps/documentation/javascript/examples/images/beachflag.png'; 
    var myLatLng = new google.maps.LatLng(-33.890542, 151.274856); 
    var beachMarker = new google.maps.Marker({ 
    position: latLng, 
    map: map, 
    icon: image 
    }); 
}