Untitled

<!DOCTYPE html >
<html>
	<head>
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<style type="text/css">
			body {
				font-family: Helvetica, Arial, sans-serif;
				font-size:10px;
				margin:0;
			}

			#content {

			}
		</style>

		<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyASm3CwaK9qtcZEWYa-iQwHaGi3gcosAJc&sensor=false"></script>
		<script type="text/javascript">
			function initialize() {
				var latlng = new google.maps.LatLng(44.80382751970516, 20.467684831491056);
				var settings = {
					zoom: 16,
					center: latlng,
					mapTypeControl: true,
					mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
					navigationControl: true,
					navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
					mapTypeId: google.maps.MapTypeId.ROATERDMAP,
					styles: [
								    {
								        "featureType": "landscape",
								        "elementType": "labels",
								        "stylers": [
								            {
								                "visibility": "off"
								            }
								        ]
								    },
								    {
								        "featureType": "transit",
								        "elementType": "labels",
								        "stylers": [
								            {
								                "visibility": "off"
								            }
								        ]
								    },
								    {
								        "featureType": "poi",
								        "elementType": "labels",
								        "stylers": [
								            {
								                "visibility": "off"
								            }
								        ]
								    },
								    {
								        "featureType": "water",
								        "elementType": "labels",
								        "stylers": [
								            {
								                "visibility": "off"
								            }
								        ]
								    },
								    {
								        "featureType": "road",
								        "elementType": "labels.icon",
								        "stylers": [
								            {
								                "visibility": "off"
								            }
								        ]
								    },
								    {
								        "stylers": [
								            {
								                "hue": "#00aaff"
								            },
								            {
								                "saturation": -100
								            },
								            {
								                "gamma": 2.15
								            },
								            {
								                "lightness": 12
								            }
								        ]
								    },
								    {
								        "featureType": "road",
								        "elementType": "labels.text.fill",
								        "stylers": [
								            {
								                "visibility": "on"
								            },
								            {
								                "lightness": 24
								            }
								        ]
								    },
								    {
								        "featureType": "road",
								        "elementType": "geometry",
								        "stylers": [
								            {
								                "lightness": 57
								            }
								        ]
								    }
								]


				};
				var map = new google.maps.Map(document.getElementById("map_canvas"), settings);
				var contentString = '<div id="content">'+
					'<div id="siteNotice">'+
					'</div>'+
					'<h1 id="firstHeading" class="firstHeading">Company Name</h1>'+
					'<div id="bodyContent">'+
					'<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>'+
					'</div>'+
					'</div>';
				var infowindow = new google.maps.InfoWindow({
					content: contentString
				});

				var companyImage = new google.maps.MarkerImage('http://dryicons.com/images/icon_sets/colorful_stickers_icons_set/png/128x128/comment.png',
					new google.maps.Size(200,200),
					new google.maps.Point(0,0),
					new google.maps.Point(0,0)
				);


				var companyPos = new google.maps.LatLng(44.80382751970516, 20.467684831491056);

				var companyMarker = new google.maps.Marker({
					position: companyPos,
					map: map,
					icon: companyImage,

					title:"Company",
					zIndex: 3});


				google.maps.event.addListener(companyMarker, 'click', function() {
					infowindow.open(map,companyMarker);
				});
			}
		</script>

	</head>
	<body onload="initialize()">
		<div id="map_canvas" style="width:100%; height:500px"></div>
	</body>
</html>