谷歌地图API信息插件和多个标记 [英] google maps api infobox plugin and multiple markers
问题描述
使用infobox插件时,如何创建具有不同内容的多个标记 http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/examples/infobox-basic.html
How can I create multiple markers with different content when using infobox plugin http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/examples/infobox-basic.html
我正在创建var marker1,var marker2等,但我认为这不是很好的方法,并且我在所有infowindows中都有相同的内容...
I was creating var marker1, var marker2 etc but I think this is not really nice method and I have the same content in all infowindows...
推荐答案
你只需要用某种工厂生成标记,例如:
You just need to generate the markers with a factory of some sort, e.g:
function initMarkers(map, markerData) {
var newMarkers = []
// Here's where all the really verbose code goes. Loop through `markerData` to
// create each marker. See the full code in the js fiddle
return newMarkers;
}
function initialize_google_map() {
//Here the call to initMarkers() is made with the necessary data for each marker.
//All markers are then returned as an array into the markers variable, Usually you'd
//get the data from server or something, here it's just shown inline.
var markers = initMarkers(map, [
{ latLng: new google.maps.LatLng(49.47216, -123.76307), address: "Address 1", state: "State 1" },
{ latLng: new google.maps.LatLng(49.47420, -123.75703), address: "Address 2", state: "State 2" },
{ latLng: new google.maps.LatLng(49.47530, -123.78040), address: "Address 3", state: "State 3" }
]);
}
查看HTML完整示例和whatnot in this jsfiddle 。
Check out the full example with HTML and whatnot in this jsfiddle.
这篇关于谷歌地图API信息插件和多个标记的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!