JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://maps.googleapis.com/maps/api/js"></script>
<div id="map">
</div>
CSS
html,
body {
width: 100%;
height: 100%;
}
#map {
width: 100%;
height: 100%;
}
JavaScript
var map;
map = new google.maps.Map(document.getElementById('map'), {
center: {
lat: -34.397,
lng: 150.644
},
zoom: 8
});
var marker = new google.maps.Marker({
position: new google.maps.LatLng({
lat: -34.397,
lng: 150.644
}),
icon: {
url: "http://svgshare.com/i/1jz.svg",
// size: new google.maps.Size(20, 20),
// origin: new google.maps.Point(5, 5),
// anchor: new google.maps.Point(10, 10),
// scaledSize: new google.maps.Size(20, 20)
},
zIndex: 6,
map: map
});