JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script src="http://cdn.jsdelivr.net/gmap3/5.1.1/gmap3.js"></script>
<div id="map">
CSS
#map{
position:absolute;
height:300px;
width:300px;
background:lightblue;
}
JavaScript
var mapContainer = $('#map');
mapContainer.gmap3({
marker:{
latLng: [45,-10],
},
map: {
options:{
center:[45,-10],
zoom: 5,
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
position: google.maps.ControlPosition.RIGH
},
}
},
}, { action: 'setOptions', args: [{ scrollwheel: true }] } );