Ich bekomme die Länge und Breite von AJAX und geben mir mehr 120 auf jeder Seite laden. Markieren Sie die Ergebnisorte in Google Map und mit Browserschlüssel funktionierte gut, aber plötzlich hörte es auf zu arbeiten und bekam "Diese Seite hat ihre tägliche Quote für Karten überschritten. Wenn Sie der Ersteller dieser Website sind, besuchen Sie bitte die Dokumentation, um mehr zu erfahren 'Fehler plus Seite hängt. Es ist mehr gewesen 24 Stunden als, aber das Problem bleibt gleiche habe ich versucht, die Lösung zu finden, aber kein Glück und ich änderte neue API-SchlüsselGoogle Map Integration Problem: "Diese Website hat ihre tägliche Quote für Karten überschritten
JS-Dateien:..
<script src="http://open.mapquestapi.com/sdk/js/v7.2.s/mqa.toolkit.js?key=my-browser-key"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true&libraries=geometry"></script>
JS-Code:
var map;
var infowindow;
var service;
var address = "United Kingdom";
var latitude = '51.497801';
var longitude = '-0.065918';
var myLatlng = new google.maps.LatLng(latitude,longitude);
var geocoder = new google.maps.Geocoder();
var markers = '';
function initialize() {
var bounds = new google.maps.LatLngBounds();
var getTeamsUrl = Routing.generate('getAllUsers',{});
$.ajax({
url : getTeamsUrl,
type : 'POST',
data : 'type=getAllUsers',
datatype : 'json',
async : false,
success : function(data){
markers = JSON.parse(data);
}
});
console.log(markers.length);
myLatlng = new google.maps.LatLng(latitude,longitude); /* latitude and longitude*/
var mapOptions = {
zoom: 7,
center: myLatlng,
panControl:true,
draggable: true,
zoomControl:true,
scrollwheel: false,
scaleControl:false,
rotateControl:true,
mapTypeControl:true,
streetViewControl:true,
overviewMapControl:true,
navigationControl: true,
mapTypeId:google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
// Display multiple markers on a map
var infoWindow = new google.maps.InfoWindow(), marker, i;
for(i = 0; i < markers.length; i++){
name = markers[i]['title']+' '+ markers[i]['first_name']+' '+ markers[i]['surname'];
address = markers[i]['address_1']+' '+ markers[i]['address_2']+', '+ markers[i]['city']+', '+ markers[i]['postcode'];
longitude = markers[i]['longitude'];
latitude = markers[i]['latitude'];
addMarkerOnMapUsingLatLng(latitude, longitude, name, address, '', 1);
}
}
function addMarkerOnMapUsingLatLng(lat,lng, name, address, icon, selected){
if(lat!='' && lng!=''){
myLatlng = new google.maps.LatLng(lat,lng);
}
var mapOptions = {
zoom: 7,
center: myLatlng,
panControl:true,
draggable: true,
zoomControl:true,
scrollwheel: false,
scaleControl:false,
rotateControl:true,
mapTypeControl:true,
streetViewControl:true,
overviewMapControl:true,
navigationControl: true,
zoomControlOptions: {
position: google.maps.ControlPosition.LEFT_BOTTOM
},
streetViewControlOptions: {
position: google.maps.ControlPosition.LEFT_BOTTOM
},
mapTypeId:google.maps.MapTypeId.ROADMAP
}
if(selected==1){
map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
map.setCenter(myLatlng);
}
var infowindow = new google.maps.InfoWindow({
content: address,
size: new google.maps.Size(150,50)
});
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: name/*,
icon : icon*/
});
google.maps.event.addListener(marker, 'click', function(){
/* infoWindow.setContent(address); */
infowindow.open(map, marker);
});
}