GMaps pixel positioning

by adamh

HTML

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA4_o86oZRndL7p1r6PP69V9hjWqVNN6hM&amp;sensor=false"></script>
<div id="map"></div>

CSS

body {
    padding: 10px;
}

#map {
    width: 100%;
    height: 200px;
    box-sizing: border-box;
    border: 1px solid #a5a5a5;
    background: #eee;
}

JavaScript

var mapOptions = {
	center: new google.maps.LatLng(-34.397, 150.644),
	zoom: 8,
	mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);