OpenStreetMap with Google Maps API

https://developers.google.com/maps/

by ircama

HTML

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

CSS

html,
body,
#map {
  height: 100%;
  margin: 0;
  padding: 0;
}

JavaScript

//Google maps API initialisation
var element = document.getElementById("map");

var map = new google.maps.Map(element, {
  center: new google.maps.LatLng(45, 10),
  zoom: 4,
  mapTypeId: "OSM",
  mapTypeControl: false,
  streetViewControl: false
});

//Define OSM map type pointing at the OpenStreetMap tile server
map.mapTypes.set("OSM", new google.maps.ImageMapType({
  getTileUrl: function(coord, zoom) {
    return "https://tile.openstreetmap.org/" + zoom + "/" + coord.x + "/" + coord.y + ".png";
  },
  tileSize: new google.maps.Size(256, 256),
  name: "OpenStreetMap",
  maxZoom: 18
}));