Possibile inserire in una pagina la google maps larga a 100% width 
Autore: Fabrizio R.
Visite 1708,
Followers 1,
Condiviso 0
qualcuno sa' gentilmente come posso inserire in una pagina tipo contatti il links google maps pero' largo tutto lo schermo a width 100% tipo fascia... ho provato qualche metodo ma non riesco :( non trovo il codice di come inserirlo (;
Postato il
...nel progetto del "cucuzzolo" c'è proprio l'esempio con la mappa di google ...
http://quellidelcucuzzolo.altervista.org/demo/layout-strisce-wsx5/
con tutte le spiegazioni necessarie ...
qui:
http://quellidelcucuzzolo.blogspot.it/2016/01/layout-strisce-orizzontali-website-x5-12.html
... dovrebbe poter bastare di assegnare "100%" al WIDTH del codice IFRAME fornito da Google Maps, magari in un DIV_CUSTOM... ...
>> http://www.zspace.it/kolasim/mappe/multipunti100.html
.
Autore
quello di cuccuzzolo non riesco a capire come impostare e cosa inserire dei codici :(
adesso vorrei provare il tuo links dove lo inserisco poi quel iframe? propieta' pagina? head o body? o nell oggetto menu
Autore
:( mi puoi aiutare?
... se parli del mio, dipenderebbe da dove lo vuoi vedere...
... per esempio credo! (*) che sarebbe semplice a fondo pagina tramite un DIV_CUSTOM nel pannello Esperto | Codice personalizzato | Prima della chiusura del BODY...
(*) - credo! perchè sono senza programmi, ma tu ormai dovresti essere diventato più che esperto
Autore
lo devo inserire nella pagina contatti qui http://www.pcargroup.it
quindi prendo il tuo links e lo inserisco prima del body proprieta' pagina? ed il DIV_CUSTOM?
Autore
ho provato cosi:
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3017.6965427106124!2d14.145046215691133!3d40.856585836693775!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x133b0f081a9b73c9:0x3045b053a737b3dd!2sVia+Salvatore+Fergola,+17,+80126+Napoli!5e0!3m2!1sit!2sit!4v1466521481148" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
prima della chiusura body..ma mi va sotto il pie :( footer , la barra pie footer sta' sopra la mappa :(
... questo è l'esempio con il DIV_CUSTOM (+ una chicca):
http://www.zspace.it/kolasim/mappe/multipunti100reloadK.html
... prova ad inserirlo dove ti ho indicato prima, cioè nell'ultima delle opzioni, prima della chiusura del BODY, e poi vediamo come si presenta nella tua pagina...(!)
... (!) ... però nel caso tornerò qui dopo le ore 21 – 21:30
.
provato qui il primo codice di Kol e sembra funzionare:
http://www.mirboprova.altervista.org/mapfull/
Autore
ok
Autore
posso prelevare il codice dal tuo esempio? ed inserirlo nella propieta' pagina? prima del tag body?
Autore
ci sono questi codici da dividere?
<style>
#maps {
position:absolute;
top: 240px;
left: 0px;
width: 100%;
}
</style>
<div id="maps">
<iframe src="https://www.google.com/maps/d/embed?mid=z-7Ljs9B0ty8.km3jxy1zyLus" width="100%" height="480"></iframe>
</div>
esatto...
Autore
ok faccio prova
Autore
ok fatto funziona... :)
ottimo ...
...allora Fabrizio , visto che risolto , metti il "corretto" al post di KolAsim , così questo post si chiude ...
....prego....