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"
},
] }
