Forum di New-CMS

Indice Forum

New-CMS

Plugin New-CMS

[ 1 2 ]

Discussione : Google maps

	Autore : Paolo64
	Rango : Principiante
	Discussioni : 102
	Messaggi : 358
	Visite : 863

	Pubblicato : 17/12/2012 - 19:09
	Letto 537 volte

Ciao, � possibile mettere un plug-in o un comando nell'editor per aggiungere automaticamente una mappa da google senza usare gli iframe? mi sono accorto che non sono validati, come nell'esempio:

http://chromata.paginev...

cliccando sul bottone per la verifica html5 mi d� 2 errori.
buona serata a tutti

Risposta #1 : Google maps

	Autore : vania
	Rango : Admin
	Discussioni : 85
	Messaggi : 2772
	Visite : 5323


	Pubblicato : 17/12/2012 - 20:42

Purtroppo google se ne frega assai delle validazioni, dovesi vedere gli errori che danno i validatori sulle pagine di G+.
In questo caso l'errore � l'uso del tag iframe che non esiste pi� in HTML5. Potresti provare a sostituirlo con il tag object, ma non so se in questo caso funziona.

Come fare un offerta per contribuire allo sviluppo di New-CMS

Risposta #2 : Google maps

	Autore : Paolo64
	Rango : Principiante
	Discussioni : 102
	Messaggi : 358
	Visite : 863


	Pubblicato : 18/12/2012 - 11:02

S�, tempo fa avevo fatto una prova e rimasi di stucco a veder che google che ha errori di validazione, e se penso che in giro si legge che una pagina validata � preferita da mister G rispetto a una che non lo �...

Con gli object ho trovato ma G con quel sistema non restituisce la mappa.

Allora ho provato con un uno script per le API 3 che per� va messo dentro una pagina html, con la quale funziona benissimo, per� con l'editor non trovo il modo di farlo girare perch� ovviamente i tag della pagina vengono eliminati e nel body � necessario mettere un apposito div. Metto tutto il codice della pagina di prova che ho fatto seguendo una guida, se qualcuno trova il metodo per farlo girare con ckeditor:

Codice

<html>
<head>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var initialize = function() {
// fornisce latitudine e longitudine
var latlng = new google.maps.LatLng(42.745334,12.738430);
// imposta le opzioni di visualizzazione
var options = { zoom: 12,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
// crea l'oggetto mappa
var map = new google.maps.Map(document.getElementById('map'), options);
var marker = new google.maps.Marker({ position: latlng,
map: map, 
title: 'Questo ?n testo di suggerimento' });}
window.onload = initialize;
</script>
</head>
<body>
<div id="map" style="width:100%; height:100%"></div>
</body>
</html>

Qui si possono reperire i latitude e longitude da inserire a seconda della localit� da puntare:
www.mygeoposition.com/
oppure qui: www.addressfix.com/

Comunque, ho beccato questo plug-in sul sito di ckeditor: http://ckeditor.com/for...

Nel sito del tizio che ha fatto il plug-in c'� l'ultima versione, per� io capisco l'inglese come Tarzan e non riesco a farmi un quadro per capire se � buono anche per l'ultima versione di ckeditor o no e se pu� essere usato in new-cms.

Ultima cosa, gli iframe sono permessi in html5 se non ho capito male, per� vanno "formattati" tramite un css... come si fa?

Ciao a tutti.

Risposta #3 : Google maps

	Autore : vania
	Rango : Admin
	Discussioni : 85
	Messaggi : 2772
	Visite : 5323


	Pubblicato : 18/12/2012 - 11:36

Per mettere il codice nell'editor devi togliere i commenti; inoltre non puoi usare i tag html, head e body perch� quello che sta in una pagina dell'articolo � gi� dentro un tag body. Infine quello che sta dentro il tag head bisogna metterlo dentro il tag head del CMS nella pagina header; quindi devi dividere il codice in due parti: quella da mettere nella pagina header e quella da mettere nel body (quindi da inserire nell'editor dell'articolo):

Nella pagina header:

Codice

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var initialize = function() {
var latlng = new google.maps.LatLng(42.745334,12.738430);
var options = { zoom: 12,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById('map'), options);
var marker = new google.maps.Marker({ position: latlng,
map: map, 
title: 'Questo ?n testo di suggerimento' });}
window.onload = initialize;
</script>

Nell'editor tell'articolo:

Codice

<div id="map" style="width:100%; height:100%"></div>

Comunque questo � un esempio di come si deve fare, ma il codice che mi hai dato non funziona.

Per� il metodo migliore � quello di usare una pagina e non usare un articolo, anche per evitare che il javascript. dell'head sia inserito in tutte le pagine.
Se mi passi il codice funzionante ti faccio la pagina.

Come fare un offerta per contribuire allo sviluppo di New-CMS

Risposta #4 : Google maps

	Autore : Paolo64
	Rango : Principiante
	Discussioni : 102
	Messaggi : 358
	Visite : 863


	Pubblicato : 18/12/2012 - 12:04

Ciao, il codice funziona, se lo incolli in blocconote e salvi come pagina .html funziona.
Il problema � che appunto sembra funzionare solo dentro una pagina html.

[ 1 2 ]