Avatar billede tinem Novice
09. august 2007 - 16:45 Der er 4 kommentarer og
1 løsning

Google Maps API - zoomin og zoomout osv.

Jeg er ved at lave denne testside http://www.tinemuller.dk/googlemap/zoomtest.html og kan ikke finde ud af hvilke koder jeg skal bruge for at få zoom til at virke fra InfoWindow.

Jeg har fundet denne side, hvor det virker http://ibizaa-z.com/scripts/map1.js og har kopieret nogle af koderne, men det er åbenbart ikke nok. Kan nogen hjælpe?
Avatar billede olebole Juniormester
09. august 2007 - 17:02 #1
<ole>

Du har kopieret koderne helt forkert sammen, men det er meget svært at se, når du ikke holder styr på indrykningen. Sådan skal koden se ud:

if (GBrowserIsCompatible()) {
    function createMarker(point,html) {
        var marker = new GMarker(point);
        GEvent.addListener(marker, "click", function() {
            marker.openInfoWindowHtml(html);
        });
        return marker;
    }
         
    function ZoomIn() {
        map.setZoom(18);
        contextmenu.style.visibility="hidden";
    }
    function ZoomOut() {
        map.setZoom(10);
        contextmenu.style.visibility="hidden";
    }
   
    function zoomMinus() {
        map.setZoom(map.getZoom()-1);
        contextmenu.style.visibility="hidden";
    }
    function zoomPlus() {
        map.setZoom(map.getZoom()+1);
        contextmenu.style.visibility="hidden";
    }

      var map = new GMap2(document.getElementById("map"));
      map.addControl(new GLargeMapControl());
      map.addControl(new GMapTypeControl());
      map.setCenter(new GLatLng(55.7719, 12.5062),16);
   
   
      var point = new GLatLng(55.7719, 12.5062);
      var marker = createMarker(point,'<div style="width:240px"><b>Her bor jeg.</b><br>Lyngby Storcenter 66, lejl. 1118,<br>2800 Kongens Lyngby.<br><a href="http://tine_muller.homepage.dk">Link</a> til min hjemmeside<br><a href="java script:ZoomIn()"><img src="zoomin.gif" alt="Zoom In" border="0" height="24" width="26"></a><a href="java script:ZoomOut()"><img src="zoomout.gif" alt="Zoom Out" border="0" height="24" width="26"></a><a href="java script:ResetZoom()"><img src="resetzoom.gif" alt="Reset Zoom" border="0" height="24" width="26"></a><a href="#" onclick="map.closeInfoWindow()"><img src="close.gif" alt="close" border="0" height="24" width="21"></a></div>');
      map.addOverlay(marker);

}
else {
    alert("Sorry, the Google Maps API is not compatible with this browser");
}


/mvh
</bole>
Avatar billede olebole Juniormester
09. august 2007 - 17:06 #2
En anden ting er, at du har et tegnsæt-problem. Det skyldes, at godtnok sætter du en (og endda hele TO) Content-type-meta, der prøver at sætte tegnsættet til 'utf-8' - som Google bruger - men det hjælper ikke meget, når serveren sender dokumentet som 'iso-8859-1'.

Prøv lige at åbne dokumentet i Notesblok. Vælg så 'Gem som...' og vælg 'UTF-8' som kodning - og gem filen. Upload den igen og sig til, når du har gjort det  =)
Avatar billede tinem Novice
09. august 2007 - 17:33 #3
Så har jeg gjort som du sagde. Der er nogle underlige tegn oppe til venstre?

Jeg har meget svært ved at forstå alt det her med UTF-8 og iso-8859-1 osv. osv. og har hele tiden problemer med dette.:-( Skal det forstås at selvom JEG skriver UTF-8 så bliver dette ikke brugt?

Venter spændt på hvad du så har af forslag?
Avatar billede tinem Novice
10. august 2007 - 09:42 #4
Jeg prøvede at bruge Notesblok osv. osv. som du beskrev på en anden side, som også viste æ ø og å mærkeligt i Firefox og her kom også de mærkelige tegn oppe i venstre hjørne og det ændrede IKKE ved tegnene, men nu har jeg så indsat <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> istedet for UTF-8 og de mærkelige tegn forsvandt og æ ø og å vises fint både i Explorer og Firefox. MEN alt dette kan jo blive i et andet spørgsmål, det var ikke det som jeg skulle have hjælp til.:-)
Avatar billede tinem Novice
12. august 2007 - 11:14 #5
Jeg fandt selv ud af koderne og siden virker fint nu. Jeg har også indsæt disse zooms på en anden siden som også virker fint http://www.tinemuller.dk/googlemap/gaia/tutorial_I.htm.

Jeg hørte aldrig igen fra olebole, så jeg lukker spørgsmålet igen.
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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