PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact

Multipe Google Maps met Mootools

Door Crispijn - op 16-02-2009 15:40
1.374 views
Ha allemaal,

ik ben bezig met een applicatie waarin in meerdere Google Maps wil laden met Mootools 1.2. Zoals jullie weten moet je normatliter netjes het id van de div opgeven waarin je de maps wil laden. Nu ziet mijn html er zo uit:


<div class="easymap_prev" id="easymaps[1]"></div>
<div class="easymap_prev" id="easymaps[2]"></div>
<div class="easymap_prev" id="easymaps[3]"></div>


Wat Moools betreft heb ik het volgende:


var TrackReader = new Class({
	
	Implements: [Chain, Options],

	options: {
		map_width: 300,
		map_height: 200,
		map_type: 'G_SATELLITE_MAP'
	},
	
	initialize: function(options){
		if(!GBrowserIsCompatible()){ 
			alert('browser not compatible');
		}
		
		this.maps = [];
		
		this.prepareMaps();
		
		if(this.maps.length == 0){
			alert('Geen maps');
			//return false;
		}
		
		this.initEasyMaps();
	},
	
	initEasyMaps: function(){
		this.maps.each(function(map){
			this.loadMap(map);
		},this);
	},
	
	loadMap: function(div){
		var map = new GMap2(div);
        	map.setCenter(new GLatLng(37.4419, -122.1419), 13);		
	},
	
	prepareMaps: function(rEl){
		var maps_div = [];
		
		var div_maps = (rEl) ? rEl : $$('div.easymap_prev');
		
		div_maps.each(function(div){
			//test 'milkbox' and link extension, and collect all milkbox links
			if(div.id && div.id.test(/^easymaps/i)){
				if(div.id.length > 7 && !this.maps.contains(div.id)){ 
					//alert(div.id);
					this.maps.push(div.id);
				}
				maps_div.push(div);
			}
		},this);
	}
});

window.addEvent('domready', function() {
	var tr = new TrackReader({
		/*map_width: 300,
		map_height: 200*/
	});
});


Nu krijg ik de volgende melding in Firebug welke komt uit de main.js die je voor googlemaps nodig hebt:


[Exception... "Could not convert JavaScript argument arg 0 [nsIDOMViewCSS.getComputedStyle]" nsresult: "0x80570009 (NS_ERROR_XPC_BAD_CONVERT_JS)" location: "JS frame :: http://maps.google.com/intl/nl_ALL/mapfiles/140g/maps2.api/main.js :: ad :: line 53" data: no]


Heeft iemand ervaring met het laden van meerdere googlemaps zonder dag je specifiek elk id in de api propt? Ik wil dit namelijk mooi dynamisch oplossen...

Ik ben benieuwd,

Crispijn

PS, het selecteren en filteren heb ik flink afgekeken van Milkbox, een lightbox voor Mootools 1.2...

edit:
verschillende id's in de html gezet en comment meuk die niet nodig is uit de class gehaald
A
Arian Stolwijk
16-02-2009 16:25
En anders zou je die elementen die in de array komen van $$() gewoon een random id kunnen geven:


$$('div.maps').each(function(div){

   var id = false;
   while(!id || $(id)){
       id = $random()+'maps';
   }
   div.set('id',id);

});
Crispijn -
16-02-2009 16:43
Hmm, waarom zou dit wel gaan werken denk je? Neem aan dat je er geen onderbouwing voor hebt ;)
A
Arian Stolwijk
16-02-2009 16:53
Nou, wat ik begreep, als je dit doet:
var map = new GMap2('gmaps');

dat dan 'gmaps' het id is van het element waar je je map in wilt hebben. de class GMap2 gaat dan later met behulp van document.getElementById() ofzo het element ophalen... of je moet die class GMap2 zo ombouwen dat hij niet perse een string, het id van je element, maar ook een object accepteert..
Crispijn -
17-02-2009 10:46
Ik heb een variabele en moet het object / element hebben. Heeft iemand ervaring met het omzetten?

Of is dat gewoon $(div) bij het laden van die map?
Crispijn -
17-02-2009 16:06
Het werkt zoals hier boven vermeld! Top, bedankt voor het heldere inzicht Arjan!
?
Onbekende gebruiker
17-02-2009 17:26
Dude!
Je bent al zo lang lid, en dan nog drie keer bumpen.
Dat zegt echt wel wat over je.
Crispijn -
17-02-2009 17:32
Nou nou nou, die derde is indd verkeerd geplaatst maar die tweede was alleen een melding over hoe het op te lossen. Zo erg is dat toch niet? Alleen handig voor de mensen die er naar zoeken!
?
Onbekende gebruiker
17-02-2009 17:34
Crispijn schreef op 17.02.2009 17:32
Nou nou nou, die derde is indd verkeerd geplaatst maar die tweede was alleen een melding over hoe het op te lossen. Zo erg is dat toch niet? Alleen handig voor de mensen die er naar zoeken!

Waarom zouden die dat dan niet vinden, als je dat bij je bericht inedit of als je over 24 uur weer een bericht post?

Reageren

Inloggen om te reageren