Problema con campo Codice HTML e Google API 
Autore: Lorenzo G.
Visite 1987,
Followers 1,
Condiviso 0
Ho sviluppato una pagina diario nella quale ho inserito un campo "Codice HTML" con una mappa creata con le API di Google Maps. Al momento della Prova dall'interno di Website X5 V8, la mappa si vede; se la pubblico o la apro in locale con il browser predefinito non me la visualizza. Grazie in anticipo
Postato il
ciao,
... come minimo, un LINK diretto alla pagina in questione ed in RETE per verificare...
... in locale potrebbe dipendere dal browser o dai plug-in, o dal codice usato, e come...
... quello che conta è il risultato in RETE...
.
ciao,
Autore
Scusate, ecco il link
http://www.viaggiodaunavita.com/lago_maggiore_i.html
Preciso che sul computer dove sviluppo c'è Windows XP con browser Google Chrome ma non funziona comunque anche su Internet Explorer; l'altro computer ha Windows 7 Professional con browser Google Chrome ed anche in questo con Internet Explorer non funziona.
ciao,
ciao,
... il programma non c'entra; ...rivedi e rettifica i contenuti personalizzati che hai inserito...
... dei seguenti TAG ne deve esistere solo uno di apertura <***> ed uno di chiusura </***> ... seguendo questo ordine:
... <HTML> - <HEAD> - <BODY> - </BODY> - </HEAD> - </HTML> ...
... non usare doppi apici (") all'interno dell'atributo TITLE degli HEFR ...
...
... dopo che avrai ristrutturato la pagina a dovere, verifica nuovamente, e faccelo sapere per eventualmente andare a verificare altre incongruenze...
.
ciao
Autore
Ho ricontrollato e ho sistemato il TAG </HEAD> che era prima del TAG </BODY>; ho verificato l'ordine sia da Website X5 e sia da Notepad++. Continua a funzionare da dentro Website X5 ma non dal browser Chrome / Internet Explorer / Firefox. Gli unici Plug-in installati sono Skype Click to Call ed Avast Web Report comunque entrambi disabilitati.
ciao
... non hai verificato tutto il contenuto per come ti avevo indicato, quei TAG devono essere univoci, ed invece sono replicati nella pagina...
... persiste errore TITLE nella prima nuvoletta
... rileggi attentamente il precedente Post, e controlla tutti i contenuti EXTRA che hai inserito, ove non devono essere presenti assolutamente quei TAG...
... anche questo non deve esistere nel corpo de sito: <!DOCTYPE html>
.
... quando avrai fatto, verificheremo le API...
.
ciao
Autore
Ok, scusate! Adesso ho corretto queste cose:
1-) Tolto i doppi apici dal testo della prima nuvoletta
2-) Eliminato dal campo Codice HTML personalizzato i TAG HEAD, BODY & HTML sia di apertura e sia di chiusura
3-) Eliminato dal campo Codice HTML personalizzato <!DOCTYPE.html>
Ho verificato con Notepad++ cercando le occorrenze dei TAG suddetti ed ora non sono più doppi
ciao,
... segui attentamente quello che adesso ti dico:
1 - elimita l'Oggetto Codice HTML che hai usato;
2 - ne inserisci uno NUOVO con solo questa stringa di codice:
<div id="map-canvas"></div>
3 - al Passo_2 seleziona la pagina, e vai sul menu in alto Proprietà Pagina | ESPERTO | Sezione HEAD ...ed incolla questo codice:
______________________________________________
<style>
#map-canvas {
height: 300px;
width: 460px;
}
</style>
<script src="http://maps.googleapis.com/maps/api/js?v=3.14&sensor=false"></script>
<script>
var map;
var MapCenter= new google.maps.LatLng(45.943511,8.643494);
var MapZoom= 9;
var MapType= google.maps.MapTypeId.ROADMAP;
var ImagePath = 'http://www.viaggiodaunavita.com/images/icona-lago.png'
// Funzione per ricentrare la mappa sulla posizione iniziale
function CenterMap(controlDiv, map) {
// Sposta il pulsante di 6 px dall'angolo della mappa
controlDiv.style.padding = '6px';
// Imposta lo stile del bordo
var controlUI = document.createElement('div');
controlUI.style.backgroundColor = 'white';
controlUI.style.borderStyle = 'solid';
controlUI.style.borderWidth = '1px';
controlUI.style.cursor = 'pointer';
controlUI.style.textAlign = 'center';
controlUI.title = 'Reimposta la posizione iniziale';
controlDiv.appendChild(controlUI);
// Imposta lo stile interno del pulsante
var controlText = document.createElement('div');
controlText.style.fontFamily = 'Verdana';
controlText.style.fontSize = '11px';
controlText.style.paddingLeft = '4px';
controlText.style.paddingRight = '4px';
controlText[removed] = '<strong>Centra</strong>';
controlUI.appendChild(controlText);
// Setup the click event listeners: simply set the map to Chicago.
google.maps.event.addDomListener(controlUI, 'click', function() {
map.setCenter(MapCenter)
map.setZoom(MapZoom)
map.setMapTypeId(MapType)
});
}
// Costruttore
function initialize() {
var mapDiv = document.getElementById('map-canvas');
var mapOptions = {
zoom: MapZoom,
center: MapCenter,
panControl: false,
zoomControl: false,
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
},
scaleControl: false,
streetViewControl: false,
overviewMapControl: false,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(mapDiv, mapOptions);
// Crea la InfoWindow
var IWText= '<div id="content">'+
'<div id="bodyContent">'+
'<p><a href="http://it.wikipedia.org/wiki/Lago_Maggiore" target="_blank">'+
'Lago Maggiore su <b>Wikipedia</b></a></p>'+
'</div>'+
'</div>';
var InfoWindow = new google.maps.InfoWindow({
content: IWText
});
// Crea il Marker e gestisce la InfoWindow
var MapMarker = new google.maps.Marker({
position: MapCenter,
map: map,
icon: ImagePath ,
title: 'Lago Maggiore'
});
google.maps.event.addListener(MapMarker , 'click', function() {
InfoWindow.open(map,MapMarker);
});
// Crea il DIV per posizionare il pulsante
var homeControlDiv = document.createElement('div');
var homeControl = new CenterMap(homeControlDiv, map);
homeControlDiv.index = 1;
map.controls[google.maps.ControlPosition.TOP_CENTER].push(homeControlDiv);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
___________________________________________________
... fatto...!...
Autore
Ok perfetto al 90%, l'unica cosa è che non viene visualizzato il pulsante "Centra" che avevo creato nel Codice con le API.
ciao
Autore
Risolto! Confrontando il codice che mi hai postato tu e quello originale ho visto che hai cambiato l'impostazione di Height e Width da percentuale a px. Col tuo codice però non mi visualizzava il pulsante centra.
Ho ripristinato in un campo Codice HTML tutto il codice precedente ed ho solo cambiato da Percentuale a Px e tutto funziona.
Senza il tuo aiuto non ci sarei mai arrivato. Grazie cmq.
P.s.: a questo punto azzardo a dire che non serve mettere del codice nella sezione Esperto-Head... funziona anche da un normale campo Codice HTML.
Buona serata
... ottimo...
... io sono senza programmi, ...e mi sono basato su quello che vedevo sulla tua pagina, e l'importante è che hai risolto...