Back to top

Autore Topic: Mappa google come background  (Letto 956 volte)

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Mappa google come background
« il: 13 Dic 2014, 13:21:43 »
Salve

Tramite poche righe di codice ho implementato la mappa Google come background.

Codice: [Seleziona]
<div id="googlemaps">&nbsp;</div>
<!-- Include the Google Maps API library - required for embedding maps -->
<script src="http://maps.googleapis.com/maps/api/js?sensor=false" type="text/javascript"></script>
<script type="text/javascript">// <![CDATA[
// The latitude and longitude of your business / place
var position = [40.742239,13.890078 ];

function showGoogleMaps() {

var latLng = new google.maps.LatLng(position[0], position[1]);

var mapOptions = {
zoom: 13, // initialize zoom level - the max value is 21
             streetViewControl: false, // hide the yellow Street View pegman
 scaleControl: true, // allow users to zoom the Google Map
mapTypeId: google.maps.MapTypeId.ROADMAP,
center: latLng
};

map = new google.maps.Map(document.getElementById('googlemaps'),
mapOptions);

// Show the default red marker at the location
marker = new google.maps.Marker({
position: latLng,
map: map,

draggable: false,
animation: google.maps.Animation.DROP,
title: 'Resort Grazia Terme'
 });
}
google.maps.event.addDomListener(window, 'load', showGoogleMaps);
// ]]></script>

Succede però che non è possibile interagire con la stessa a causa di sovrapposizione di alcuni div.
Ho provato a fare qualche modifica al css ma riesco solo a scoprire la parte esterna al container, chiedo se qualcuno ha incontrato lo stesso problema e come lo ha risolto.
In pratica vorrei mantenere sopra alla mappa solo il modulo sinistro ed il riquadro del contenuto, l'header ed il footer non importa se sopra o sotto. Grazie.

hotelgrazia.it/new/dove-siamo.html

Offline steganoga

  • Abituale
  • ****
  • Post: 1313
    • Mostra profilo
Re:Mappa google come background
« Risposta #1 il: 13 Dic 2014, 13:55:46 »
div id component-area ha uno span di 9 e posiziona a destra il modulo di destra che occupa solo 3span (credo)

tu avresti bisogno un "niente" tra la colonna di sx e quella di dx... devi fare una costruzione a ciambella :) ...così su due piedi non saprei se è possibile, prova a guardare la proprietà offset del bootstrap che credo faccia qualcosa di simile
...sono dove non ti aspetti di trovarmi, mi alimento della tua supponenza e disseto la mia curiosità nel silenzio.
Non sono un nemico, considerami un ospite.

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:Mappa google come background
« Risposta #2 il: 13 Dic 2014, 14:01:35 »
Grazie, è come hai detto, non ho compreso ancora bene l'uso dell'offset, ho provato a mettere dei valori ma mi scombina troppo, mi documenterò meglio in merito.

 



Web Design Bolzano Kreatif