Avatar billede hans01 Nybegynder
24. januar 2011 - 18:11 Der er 1 løsning

google map api

Jeg har slidt lidt med at stjæle koder her og der for at kunne lave en markering på et google map. Når jeg tester lokalt kommer markør og informationer fint frem, men nå jeg oploader til serveren kan jeg ikke få markøren og informationerne frem er der nogen der kan hjælpe?
min html ser således ud:

<div id="map" style="width: 500px; height: 500px">
            <span id="maploading">Loading Map</span>

og min script henvisning således:

<script type="text/javascript" src="js/map.js"></script>

Min map.js ser sådan ud:

function load () {
   
    var map = document.getElementById("map");
   
    if (GBrowserIsCompatible()) {

        var gmap = new GMap2(map);
        gmap.addControl( new GSmallMapControl() );
        gmap.addControl( new GMapTypeControl()) ;
        gmap.addControl( new GOverviewMapControl(new GSize(100,100)) );       
        gmap.setCenter ( new GLatLng(42.649493,12.274795), 5 );
       
        function makeIcon (image) {
            var icon = new GIcon();
            icon.image = image;
            icon.shadow = "images/shadow.png";
            icon.iconSize = new GSize(16, 16);
            icon.shadowSize = new GSize(24, 16);
            icon.iconAnchor = new GPoint(8, 16);
            icon.infoShadowAnchor = new GPoint(0, 0);
            icon.infoWindowAnchor = new GPoint(8, 1);   
            return icon;
        }
       
        function formatTabOne (input) {               
            var html     = "<div class=\"bubble\">";
            html         += "<h1>" + input.homeTeam + " i " + input.awayTeam + "</h1>";           
            html         += "<p>" + input.information + "</p>";
            html        += "</div>";                   
            return html;           
        }
       
        function formatTabTwo (input) {
            var html     = "<div class=\"bubble\">";
            html         += "<h1>" + input.homeTeam + " i " + input.awayTeam + "</h1>";
            html        += "<p>"
            if(input.fixture != null) {
                html     += "<strong>Adresse:</strong> " + input.fixture + "<br />";
            }       
            if(input.capacity != null) {
                html     += "<strong>Max. personer:</strong> " + input.capacity + "<br />";
            }
            if(input.previousScore != null) {
                html     += "<strong>Beliggenhed:</strong> " + input.previousScore + "<br />";
            }
            if(input.tv != null) {
                html     += "<strong>m over vandet:</strong> " + input.tv + "<br />";
            }
            html         += "</p></div>";                   
            return html;           
        }
                   
        function createMarker(input) {
       
            var marker = new GMarker(input.point, makeIcon(input.markerImage) );                       
            var tabs_array    = [ new GInfoWindowTab("Preview", formatTabOne(input) ),
                                new GInfoWindowTab("Information", formatTabTwo(input) ) ];
                       
            GEvent.addListener(marker, "click", function() {
                marker.openInfoWindowTabsHtml(tabs_array);
            });
           
            return marker;
        }

        function parseJson (doc) {
                       
            var jsonData = eval("(" + doc + ")")
                   
            for (var i = 0; i < jsonData.markers.length; i++) {
                var marker = createMarker(jsonData.markers[i]);
                gmap.addOverlay(marker);
            }           
        }       
       
        GDownloadUrl("js/points.json", function(data, responseCode) {
            parseJson(data);
        });
   
    } else {
        alert("Sorry, your browser cannot handle the true power of Google Maps");
    }
}
window.onload = load;
window.onunload = GUnload;

og min json fil sådan:

{"markers": [
        {
            "point":new GLatLng(42.649493,12.274795),
            "homeTeam":"Ferie Italien",
            "awayTeam":"Umbrien",
            "markerImage":"images/red.png",
            "information": "Feriebolig til leje i Umbrien, Italien.",
            "fixture":"Via Dei Gelsomini 3",
            "capacity":"6",
            "previousScore":"Umbrien"
        },
       
] }
Avatar billede hans01 Nybegynder
08. februar 2011 - 06:19 #1
lukker
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