<script src="//maps.google.com/maps/api/js?v=3&amp;amp;sensor=false&amp;language=en" type="text/javascript"></script>

<script>

 

var map;

var icon_image = 'fileadmin/templates/img/pin.png';

var Icon = new google.maps.MarkerImage(icon_image);

 

function initMap() {

 

// Create an array of styles.

var styles = [

{

stylers: [

 

{ saturation: -100 },

{ lightness: -11 },

{ gamma: 1.31 },

]

}

];

var styledMap = new google.maps.StyledMapType(styles,{name: "Styled Map"});

 

 

var myLatLng1 = {lat: 46.7766252, lng: 7.5800998};

var myLatLng2 = {lat: 46.5853605, lng: 7.6448247};

map = new google.maps.Map(document.getElementById('map'), {

center: myLatLng1,

zoom: 9,

disableDefaultUI: true,

scrollwheel: false,

navigationControl: false,

mapTypeControl: false,

scaleControl: false,

draggable: true,

mapTypeControl: true,

mapTypeControlOptions: {

style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,

position: google.maps.ControlPosition.LEFT_TOP,

mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'map_style']

},

zoomControl: true,

zoomControlOptions: {

position: google.maps.ControlPosition.RIGHT_BOTTOM

},

scaleControl: true,

streetViewControl: true,

streetViewControlOptions: {

position: google.maps.ControlPosition.RIGHT_BOTTOM

},

});

 

 

map.mapTypes.set('map_style', styledMap);

map.setMapTypeId('map_style');

 

///

var marker1 = new google.maps.Marker({

position: myLatLng1,

map: map,

icon: Icon,

title: 'Schmid Küchenbau'

});

 

 

var contentString1 = '

';

 

var infowindow1 = new google.maps.InfoWindow({

content: contentString1

});

marker1.addListener('click', function() {

infowindow1.open(map, marker1);

});

///

var marker2 = new google.maps.Marker({

position: myLatLng2,

map: map,

icon: Icon,

title: 'Schmid Küchenbau'

});

 

 

var contentString2 = '

';

 

var infowindow2 = new google.maps.InfoWindow({

content: contentString2

});

marker2.addListener('click', function() {

infowindow2.open(map, marker2);

});

 

 

 

 

}

$( document ).ready(function() {

initMap();

});

</script>