У меня есть карта Google, которая больше не обслуживает плитки.Этот код был написан (не мной) в 2014 году. Приложение работало до нескольких месяцев назад.Для начального местоположения загружается одна плитка, а затем дополнительные плитки не загружаются.Я считаю, что начальная плитка вызывается из памяти и не загружается.Когда вы прокручиваете карту, она просто серая.Я не верю, что это ключ, это ключ Google Maps версии 3, и я проверил его на простой карте, и он работает просто отлично.Я думаю, что это как-то связано с тем, как на карту ссылаются из файла map.js как на элемент.Карта (эл).Я просто хотел бы, чтобы эта карта снова заработала.Любое направление будет очень полезным.Спасибо.
Карта инициализируется с помощью JSON следующим образом:
Соответствующие части файла main.html:
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=MYKEY&sensor=false"></script>
<script type="text/javascript" src="js/Prototypes/XYZ/Map/Map.js"></script>
<div id="map"> </div>
<script>
$(function(){
document.addEventListener("deviceready", function() {
XYZ.initialize();
}, false);
app.initialize();
});
</script>
Соответствующий фрагмент из файла map.js
function Map(el){
if($(el)){
this.element = el;
this.map = new google.maps.Map(document.getElementById(this.element), {
center: new google.maps.LatLng(39.xxxxxx,-83.xxxxxx),
mapTypeId: google.maps.MapTypeId.ROADMAP,
zoom: 11,
zoomControlOptions: {
position : google.maps.ControlPosition.TOP_LEFT
},
panControl: false,
streetViewControl: false,
});
} else {
this.element = null;
}
this.markers = {};
infowindow = new google.maps.InfoWindow({});
this.headingPin = new google.maps.Marker({
optimized: false,
position: new google.maps.LatLng(39.976068,-83.003297),
map: this.map,
icon: {url: 'img/pins/heading/0.png'}
});
this.radiusCircle = new google.maps.Circle();
this.locked = true;
this.setHeadingPinPosition(39.xxxxxx,-83.xxxxxx);
}
Соответствующий кусок из main.js
var XYZ = {
initialize: function() {
var lat = null;
var lng = null;
var laststorylat = 0.0;
var laststorylng = 0.0;
var force_refresh_call = false;
if(!localStorage.getItem('intro')){
$('#intro-1').show();
}
$('#close-intro').tap(function(){
$('#intro-1').hide();
localStorage.setItem('intro', 1);
});
//gimme console!
hconsole = new Console('.console');
hconsole.enable(true);
//hconsole.show();
hconsole.log("Loading Geolocation Object");
geo = new Geolocation();
hconsole.log("Loading Map");
map = new Map('map');