2013-12-13 71 views
0

我試圖標記(S),在此DEMO添加到谷歌地圖槽jQuery的方法,這是我使用的代碼:無法添加標記(S)和谷歌地圖使用jQuery

var map; 
$(document).ready(function() { 
    var latlng = new google.maps.LatLng(49.241943, -122.889318); 
    var myOptions = { 
     zoom: 12, 
     center: latlng, 
     disableDefaultUI: true, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 

google.maps.event.addListener(map, 'click', function (event) { 
     marker = new google.maps.Marker({ 
      position: event.latLng, 
      map: map, 
      draggable: true, 
      title: title 
     }); 
     marker.setMap(map); 
    }); 
}); 

正如你可以看到我使用這個片段生成地圖

google.maps.event.addListener(map, 'click', function (event) { 
      marker = new google.maps.Marker({ 
       position: event.latLng, 
       map: map, 
       draggable: true, 
       title: title 
      }); 
      marker.setMap(map); 
     }); 

上的標記,但不加入任何標記物的地圖!你能讓我知道我做錯了什麼嗎? 感謝

回答

1

你只需要定義變量「稱號」。 (螢火蟲是你的朋友。)

var cnt = 0; 
marker = new google.maps.Marker({ 
      position: event.latLng, 
      map: map, 
      draggable: true, 
      title: "test title #" + ++cnt 
     }); 

(Fiddle)

+0

感謝McGarnagle,你能不能也請讓我知道我怎麼可以添加標題的數字序列而不是一個靜態的字符串?再次感謝 –

+0

我必須等待7分鐘才能接受爲正確答案! –

+0

@MonaCoder當然,每次創建標記時只需定義一個變量並增加。看到我上面的編輯。 – McGarnagle