Generic Google Map Example with Markers
HTML
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?v=3&sensor=false"></script>
<div id="map" style="height: 400px;"></div>
CSS
body {
margin: 0;
padding: 0;
font: 12px sans-serif;
}
h1, p {
margin: 0;
padding: 0;
}
JavaScript
var initialize;
jQuery(document).ready(function($) {
var marker;
if ($('#map').length > 0) {
marker = google.maps.event.addDomListener(window, 'load', initialize);
$('.contact-info li:eq(1)').prepend('<a href="#" id="open-marker"><span class="icon-icons_arrow-right"></span></a>');
return $('#open-marker').on('click', function() {
google.maps.event.trigger(marker, 'click');
});
}
});
initialize = function() {
var contentString, icon, infowindow, latlon, map, mapOptions, marker, pos, positionFound, style;
pos = void 0;
positionFound = false;
latlon = new google.maps.LatLng(50.5913444, 8.7154506);
//icon = new google.maps.MarkerImage(settings.marker_icon);
style = [
{
"featureType": "administrative",
"elementType": "all",
"stylers": [
{
"visibility": "on"
}, {
"saturation": -100
}, {
"lightness": 20
}
]
}, {
"featureType": "road",
"elementType": "all",
"stylers": [
{
"visibility": "on"
}, {
"saturation": -100
}, {
"lightness": 40
}
]
}, {
"featureType": "water",
"elementType": "all",
"stylers": [
{
"visibility": "on"
}, {
"saturation": -10
}, {
"lightness": 30
}
]
}, {
"featureType": "landscape.man_made",
"elementType": "all",
"stylers": [
{
"visibility": "simplified"
}, {
"saturation": -60
}, {
"lightness": 10
}
]
}, {
"featureType": "landscape.natural",
"elementType": "all",
"stylers": [
{
"visibility": "simplified"
}, {
"saturation": -60
}, {
"lightness": 60
}
]
}, {
"featureType": "poi",
"elementType": "all",
"stylers": [
{
"visibility":...