webForumDet fria alternativet

Problem med Google Maps API

2 svar · 442 visningar · startad av lilja

liljaMedlem sedan juli 20041 219 inlägg
#1

Jag försöker göra lite roliga grejer med Google Maps API men får inte till de. Hela grejen är den att jag vill kunna trycka på en länk och så ska något hända på kartan så som t.ex. lägga till en markör eller flytta bilden. Jag ser enkelt hur man gör men jag får det inte till att funka när man ska trycka på min länk.

Jag försöker implementera detta på:
http://liljaonline.se/map.aspx

Känns riktigt irriterande när det här känns som en väldigt grundläggande uppgift så jag hoppas någon kan hjälpa mig :)

I XHTML koden:

<a href="#" onclick="MoveToLocation();">Här bor jag</a>

JavaScriptet

<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAOAk0b_eTsjQiJt3DxbypoRTV7PDdmcKl2y5ZEVBZdM02o46CZhT4vz0Ck-tQOn3aRR7CilbaC53vAA"
      type="text/javascript"></script>
<script type="text/javascript">

	//<![CDATA[
	
	function load() {
		if (GBrowserIsCompatible()) {
			var map = new GMap2(document.getElementById("map"));
			// Zoom and pan buttons
			map.addControl(new GSmallMapControl());
			// Change between map, satellite and hybride
			map.addControl(new GMapTypeControl());
			// Center on University of Central Florida
			map.setCenter(new GLatLng(28.601346, -81.20008), 15);
		}
	}
	
	function MoveToLocation() {
		var point = new GLatLng(28.603833, -81.204621);
		map.panTo(point);
	}
	
	
	//]]>
</script>
Peter SMedlem sedan dec. 20025 484 inlägg
#2

Hejsan!

map, i load(), är lokal för den funktionen och syns därför inte i MoveToLocation(). Testa istället

	[B]var map = null;[/B]
	function load() {
		if (GBrowserIsCompatible()) {
			[B]map = new GMap2(document.getElementById("map"));[/B]
			// Zoom and pan buttons
			map.addControl(new GSmallMapControl());
			// Change between map, satellite and hybride
			map.addControl(new GMapTypeControl());
			// Center on University of Central Florida
			map.setCenter(new GLatLng(28.601346, -81.20008), 15);
		}
	}
	
	function MoveToLocation() {
		if (map){
			var point = new GLatLng(28.603833, -81.204621);
			map.panTo(point);
		}
	}
liljaMedlem sedan juli 20041 219 inlägg
#3

Jahaaaa, tack för det snabba svaret! :) De funkar nu! :) Jag har bara trixat med lite "validerings javascript" tidigare till mina formulär och något popuppfösnter...

Man kanske skulle lära sig lite mer om javascript nu när alla dessa nya termer som web2.0, Ajax och liknande ofta använder JavaScript.

Genererad på 360 ms · cache AV · v20260730165559-full.f96bc7eb