Karta - hur gör jag?

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>

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?