Visualizzazione mappa di Google generata con About Fusion Tables
Autor: Franco D.Visualizzazione mappa di Google generata con About Fusion TablesCiao con la versione 13 avevo inserito in una pagina una mappa con dei riferimenti di luoghi caricata con Google Fusion Tables, a parte qualche errore di codice che gentilmente mi ha corretto Giorgio C. funzionava e visualizzava correttamente nel sito.Adesso ho convertito la sito con la versione 14 e la mappa è sparita e nonostante ho provato a ricaricarla facendo copia incolla del codice continua a non visualizzarla.
Allego il link della pagina
https://risparmioenergiaitalia.it/i%20nostri%20impianti.html
e il codice generato da Google da inserire nel sito
<script type="text/javascript" src="https://maps.google.com/maps/api/js?
v=3"></script>
<script type="text/javascript">
function initialize() {
google.maps.visualRefresh = true;
var isMobile = (navigator.userAgent.toLowerCase().indexOf('android') > -1) ||
(navigator.userAgent.match(/(iPod|iPhone|iPad|BlackBerry|Windows Phone|
iemobile)/));
if (isMobile) {
var viewport = document.querySelector("meta[name=viewport]");
viewport.setAttribute('content', 'initial-scale=1.0, user-scalable=no');
}
var mapDiv = document.getElementById('googft-mapCanvas');
mapDiv.style.width = isMobile ? '100%' : '750px';
mapDiv.style.height = isMobile ? '100%' : '300px';
var map = new google.maps.Map(mapDiv, {
center: new google.maps.LatLng(45.20644878038887, 10.479577994921783),
zoom: 6,
mapTypeId: google.maps.MapTypeId.ROADMAP
});
layer = new google.maps.FusionTablesLayer({
map: map,
heatmap: { enabled: false },
query: {
select: "col0",
from: "154vzq1hEKfxFXKRG1gQSJFaGr8Px378WhtE82nEM",
where: ""
},
options: {
styleId: 2,
templateId: 2
}
});
if (isMobile) {
var legend = document.getElementById('googft-legend');
var legendOpenButton = document.getElementById('googft-legend-open');
var legendCloseButton = document.getElementById('googft-legend-close');
legend.style.display = 'none';
legendOpenButton.style.display = 'block';
legendCloseButton.style.display = 'block';
legendOpenButton.onclick = function() {
legend.style.display = 'block';
legendOpenButton.style.display = 'none';
}
legendCloseButton.onclick = function() {
legend.style.display = 'none';
legendOpenButton.style.display = 'block';
}
}
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="googft-mapCanvas"></div>
</body>
</html>
... non so a cosa serva, ma ad occhio e croce non mi sembra tanto completo o regolare il codice che hai postato...
... nel listato html della tua pagina (Ctrl+U) noto un errore al rigo 57 ...
.
Autor
Il codice che ho postato lo genera in automatico il programma di google non so perche adesso bon lo visualizza piu
... hai controllato tutto quanto detto precedentemente...?...
Autor
Ciao KolAsim finalmente ho risolto il problema ha generato una mappa nuova importando tutte le posizioni in formato cvs e mi ha generato un codice molto piu compatto e cosa piu importante funzionante
<iframe src="https://www.google.com/maps/d/embed?mid=1uF4M893SPoaVqUyWcQw4NKJhYUI" width="640" height="480"></iframe>
Adesso visualizza regolarmente la mappa nella pagina
https://risparmioenergiaitalia.it/i%20nostri%20impianti.html
Grazie per l’interessamento e buona serata.
... il precedente codice non era regolare, e quest'ultimo via IFRAME è OK...
...!... resta comunque l'errore che ti avevo segnalato precedentemente...!...
.