Google Maps Own Logo

Replace Google marker with own logo and remove the general Google interface

by Glynne Turner

HTML

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC05YyXxdfEN1bQNl7Vkv_3Q3PfH2ZYc3w"></script>
<div id="map">

</div>

CSS

*{padding:0; margin:0;}
#map{width:100vw; height:100vh}

JavaScript

function initialize() {
	var myLatlng = new google.maps.LatLng(51.41945333599843, -0.2182376508969528);
	var mapOptions = { zoom: 16, center: myLatlng,disableDefaultUI: true,};
	var map = new google.maps.Map(document.getElementById('map'), mapOptions);
	var markerImage = {
  	url: "http://www.aquatint.co.uk/assets/map-marker-icon-16a794fbc4e5c70a49a4697bbb5a8de3890c995af66cb7e09ebabe9a778bb38c.png", 
		size: new google.maps.Size(64, 64),
		origin: new google.maps.Point(0, 0),
		anchor: new google.maps.Point(32, 32)
        };
 

    }
    google.maps.event.addDomListener(window, 'load', initialize);