JSFiddle - React, Tailwind, and code Playground

by dirkk0

HTML

<script src="http://maps.google.com/maps/api/js?sensor=false&amp;.js"></script>
<div id='map_canvas'></div>

CSS

#map_canvas{
    width: 400px;
    height: 300px;
}

#current{
     padding-top: 25px;
}

JavaScript

var map = new google.maps.Map(document.getElementById('map_canvas'), {
    zoom: 20,
    center: new google.maps.LatLng(50.961,7.008397),
    mapTypeId: google.maps.MapTypeId.SATELLITE
});

var myMarker = new google.maps.Marker({
    position: new google.maps.LatLng(50.961,7.008397)
});

map.setCenter(myMarker.position);
myMarker.setMap(map);

myMarker.setPosition(new google.maps.LatLng(50.961,7.008497));