Karta - hur gör jag?

W2Best · 2010-09-20, 21:21

Jag har cirka 100 olika orter och platser i västsverige som jag vill sätta ut på en karta i förslagsvis google maps. De behöver endast vara markerade på kartan.

Kan jag göra det på ett enkelt sätt?

Jag är väldigt grön när det kommer till google maps. Finns det någon bättre lösning som ni kan se?

Jonas

allstars · 2010-09-20, 21:40

Rätt så staight forward med Google Maps. Speciellt i version 3 av deras API.
http://code.google.com/intl/sv-SE/ap...pt/basics.html

W2Best · 2010-09-22, 18:11

Det känns helt hopplöst för mig att klara av det. 100 platser var en grav överdrift. Det är snarare 15. Finns det någon bra tutorial att gå efter? Har letat runt utan goda resultat.

tartareandesire · 2010-09-22, 18:23

Citat:

Ursprungligen postat av W2Best

Det känns helt hopplöst för mig att klara av det. 100 platser var en grav överdrift. Det är snarare 15. Finns det någon bra tutorial att gå efter? Har letat runt utan goda resultat.

Det finns tydliga exempel för alla delar av API:et om du följer länken ovan. Här är kanske ett bättre ställe att börja på:

http://code.google.com/apis/maps/doc...tml#HelloWorld

Hur du sätter ut markörer hittar du här:

http://code.google.com/apis/maps/doc...s.html#Markers

Sedan beror ju övriga delar av koden lite på varifrån din data kommer.

Om du vill visa många platser samtidigt så kanske det inte alltid är en bra idé, lite beroende på trafik och i vilket sammanhang det används.

Hoppas ingen tar illa upp att jag snor tråden för en fråga. Fungerar v3 bra nu? I början var den sisådär...

W2Best · 2010-09-22, 23:26

Tack så mycket för tipsen. Jag ska ta en närmare titt på det inom kort!

Jag förstår inte varför jag aldrig tagit tag i att lära mig detta tidigare!

Kimpo · 2010-09-23, 11:17

Här är ett litet exempel som kanske kan hjälpa dig o komma igång. Visar upp stockholm o lägger en marker på den , klistra in allt i en tom html sida o kör den

Kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script src="http://maps.google.com/maps?file=api&amp;v=2"
            type="text/javascript"></script>
<script type="text/javascript"charset="utf-8">


$(document).ready(function(){ 
  var map = new GMap2($('#map').get(0)); 
  var coords= new GLatLng(59.3224531, 18.0717523);  //skapa koordinatobjektet
    var sthlm = new GMarker(coords);  //skapa en marker
	map.addOverlay(sthlm); //sätter ut markern
  map.setCenter(coords, 12); //centrerar kartan kring koordinatobjektet ,andra parametern är zoomnivå
});
</script>

</head>
<body>
<div id="map" style="width:500px;height:500px;"></div>
</body>
</html>

ejick · 2010-09-30, 09:13

Hej,

jag använde mig av denna jQuery-lösning senast. Funkar relativt okej, även om det inte validerar strict.

http://www.viget.com/extend/google-m...ry-plugin-way/

Relativt lätt att komma igång. Det viktiga att tänka på är att ange positionerna enligt WKT, t.ex. http://www.getlatlon.com/

Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)

Menu

Karta - hur gör jag?