Hallo,
Het volgende stuk gaat niet goed. Toch krijg ik geen foutmeldingen. Is er iemand die hier meer ervaring mee heeft en me kan vertellen wat ik fout doe?
Vast veel dank!
Stukje dat niet goed wordt uitgevoerd:
jQuery.getJSON("locaties_json.php", function(data) {
jQuery(data).each(function() {
var markers = jQuery(this);
var LatLng = new google.maps.LatLng(data.t,data.g);
var marker = new google.maps.Marker({
position: LatLng,
map:map
});
});
});
JSON uit locaties_json.php:
{"t":52.090689,"g":5.055445,"l":1},{"t":52.110303,"g":5.029813,"l":2},{"t":52.090006,"g":5.054554,"l":3},{"t":52.110289,"g":5.028034,"l":4},{"t":52.129074,"g":5.099142,"l":5},{"t":52.080792,"g":5.039797,"l":6},{"t":52.109964,"g":5.029703,"l":7},{"t":52.110012,"g":5.029505,"l":8},{"t":52.089236,"g":5.054305,"l":9},{"t":52.11012,"g":5.029123,"l":10},{"t":52.127608,"g":5.10522,"l":11},{"t":52.09125,"g":5.059186,"l":12},{"t":52.07581,"g":5.131266,"l":13},
Gehele script:
$(document).ready(function(){
var latlng = new google.maps.LatLng(52.08794,5.11825);
var Options = {
zoom: 12,
center: latlng,
mapTypeId: google.maps.MapTypeId.HYBRID,
navigationControl: true,
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
},
};
var map = new google.maps.Map(document.getElementById("map"), Options);
var homeControlDiv = document.createElement('DIV');
var homeControl = new HomeControl(homeControlDiv, map);
homeControlDiv.index = 1;
map.controls[google.maps.ControlPosition.TOP_RIGHT].push(homeControlDiv);
var marker1 = new google.maps.Marker({
position: latlng,
map: map,
title:"Hello World!"
});
jQuery.getJSON("locaties_json.php", function(data) {
jQuery(data).each(function() {
var markers = jQuery(this);
var LatLng = new google.maps.LatLng(data.t,data.g);
var marker = new google.maps.Marker({
position: LatLng,
map:map
});
});
});
});