Avatar billede thomaspape Nybegynder
03. maj 2006 - 23:22 Der er 7 kommentarer og
1 løsning

Google Maps

Hejsa,

Jeg har en lile opgave, ved ikke helt om den skal ligge i denne kategori, men jeg tager chancen. Jeg ved esværre ikke så meget om javasript, men det er det som google maps kører i - man kan få en map til sin egen side - se denne http://www.google.com/apis/maps/

Det som jeg vil bruge det til er at få oprettet et kort med nogle "nåle" eller punkter, som jeg selv kan placerere på kortet - det skal så for den bruger der ser kortet giver et godt overblik over hvor disse nål er og man skal kunen klikke på den enkelte nål, som så skal åben et link til en side jeg bestemmer.

Kan det lade sig gøre.

vh Thomas
Avatar billede backside Nybegynder
03. maj 2006 - 23:49 #1
En ting er klart, java og javascript er 2 forskellige ting.  ;)
Avatar billede thomaspape Nybegynder
03. maj 2006 - 23:51 #2
Hejsa, ok, men det bekræfter blot min uvidehed herom, men jeg har brug for en der kan hjælpe mig med programmeringen, mod en betaling.
Avatar billede spaceus Nybegynder
04. maj 2006 - 14:07 #3
og så det korte svar ja det kan lade sig gøre....

har aldrig rodet med det her, men efter deres eksempler

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps JavaScript API Example</title>
    <script src="http://maps.google.com/maps?file=api&amp;v=2"
            type="text/javascript"></script>
    <script type="text/javascript">
    //<![CDATA[

    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(37.4419, -122.1419), 13);

        // Create our "tiny" marker icon
        var icon = new GIcon();
        icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
        icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
        icon.iconSize = new GSize(12, 20);
        icon.shadowSize = new GSize(22, 20);
        icon.iconAnchor = new GPoint(6, 20);
        icon.infoWindowAnchor = new GPoint(5, 1);

        // Add 10 markers to the map at random locations
        var bounds = map.getBounds();
        var southWest = bounds.getSouthWest();
        var northEast = bounds.getNorthEast();
        var lngSpan = northEast.lng() - southWest.lng();
        var latSpan = northEast.lat() - southWest.lat();
        for (var i = 0; i < 10; i++) {
          var point = new GLatLng(southWest.lat() + latSpan * Math.random(),
                                  southWest.lng() + lngSpan * Math.random());
          map.addOverlay(new GMarker(point, icon));
        }
      }
    }

    //]]>
    </script>
  </head>
  <body onload="load()" onunload="GUnload()">
    <div id="map" style="width: 500px; height: 300px"></div>
  </body>
</html>

altså det du skal er at finde de længde bredde grader du vil ha' på sætte et image icon og påføre de her "map.addOverlay(new GMarker(point, icon));"
som så skulle sætte et punkt der hvor du har defineret det
Avatar billede thomaspape Nybegynder
04. maj 2006 - 21:07 #4
Tak Spacesus, det ser fornuftigt ud - har tilrettet lidt så den starter med at vise i DK og i korrekt zoom størrelse - meenn...

Jeg har svært ved at finde ud af at sætte længde og breddegrader på - hvis vi bruger denne for Århus (56.149849, 10.22389) - så kan jeg ikke finde ud af at insætte den i"map.addOverlay(new GMarker(point, icon));"


Nedennævnte den nye tilrettet.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps JavaScript API Example</title>
    <script src="http://maps.google.com/maps?file=api&amp;v=2"
            type="text/javascript"></script>
    <script type="text/javascript">
    //<![CDATA[

    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(56.149849, 10.22389), 7);

        // Create our "tiny" marker icon
        var icon = new GIcon();
        icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
        icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
        icon.iconSize = new GSize(12, 20);
        icon.shadowSize = new GSize(22, 20);
        icon.iconAnchor = new GPoint(6, 20);
        icon.infoWindowAnchor = new GPoint(5, 1);

        // Add 10 markers to the map at random locations
        var bounds = map.getBounds();
        var southWest = bounds.getSouthWest();
        var northEast = bounds.getNorthEast();
        var lngSpan = northEast.lng() - southWest.lng();
        var latSpan = northEast.lat() - southWest.lat();
        for (var i = 0; i < 5; i++) {
          var point = new GLatLng(southWest.lat() + latSpan * Math.random(),
                                  southWest.lng() + lngSpan * Math.random());
          map.addOverlay(new GMarker(point, icon));
        }
      }
    }

    //]]>
    </script>
  </head>
  <body onload="load()" onunload="GUnload()">
    <div id="map" style="width: 500px; height: 500px"></div>
  </body>
</html>
Avatar billede thomaspape Nybegynder
06. maj 2006 - 00:23 #5
Fandt en løsning

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps JavaScript API Example</title>
    <script src="http://maps.google.com/maps?file=api&amp;v=2"
            type="text/javascript"></script>
    <script type="text/javascript">
    //<![CDATA[

    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.addControl(new GLargeMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(56.149849, 10.22389), 7);
   
    var point = new GPoint(10.39191, 55.398701);
    var marker = new GMarker(point);
    GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml("Lækkert sommerhus udlejes tæt på stranden..." );


 


});
    map.addOverlay(marker);


      }
    }

    //]]>
    </script>
  </head>
  <body onload="load()" onunload="GUnload()">
    <div id="map" style="width: 500px; height: 500px"></div>
  </body>
</html>

 


});
    map.addOverlay(marker);


      }
    }

    //]]>
    </script>
  </head>
  <body onload="load()" onunload="GUnload()">
    <div id="map" style="width: 500px; height: 500px"></div>
  </body>
</html>
Avatar billede thomaspape Nybegynder
06. maj 2006 - 00:23 #6
Spaceus, du har hjulpet mig et stort skridt du skal have points.
Avatar billede spaceus Nybegynder
07. maj 2006 - 11:35 #7
kanon du fandt ud af det...
Avatar billede thomaspape Nybegynder
07. maj 2006 - 23:12 #8
tak for hjælpen.....
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester