WN - Karta - hur gör jag?

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - Karta - hur gör jag? (https://www.wn.se/forum/showthread.php?t=1043932)

Karta - hur gör jag?

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

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

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.

Citat:

Ursprungligen postat av W2Best (Inlägg 20370499)

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...

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!

ett litet exempel

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>

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/