Eiffel tower

GoogleMap

by FranceImage

HTML

<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.css">
<script src="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.js"></script>
<script src="http://matchingnotes.com/javascripts/leaflet-google.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<div id="map"></div>

CSS

#map { height: 300px; }

.leaflet-map-pane {
    z-index: 2 !important;
}

.leaflet-google-layer {
    z-index: 1 !important;
}

JavaScript

// create a map in the "map" div, set the view to a given place and zoom
var map = L.map('map').setView([48.858190, 2.294470], 16);

// Google Map
var googleLayer = new L.Google('ROADMAP');
map.addLayer(googleLayer);

// add a marker in the given location, attach some popup content to it and open the popup
L.marker([48.858190, 2.294470]).addTo(map)
    .bindPopup('This is the Eiffel Tower<br> Easily customizable.')
    .openPopup();