D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
Jamestiberiuseanes
Full window
Github gist
TestSeaLevelOverlay
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/> <title>Sea Level Rise</title> <style> html, body { height: 100%; margin: 0; padding: 0; } #map { height: 100%; } </style> </head> <body> <div id="map"></div> <script src="//maps.google.com/maps/api/js?sensor=true"></script> <script src="//d3js.org/d3.v3.min.js"></script> <script> // Create the Google Map var map = new google.maps.Map(d3.select("#map").node(), { zoom: 8, center: new google.maps.LatLng(37.76487, -76.41948), mapTypeId: google.maps.MapTypeId.TERRAIN }); overlay = new google.maps.KmlLayer({ url: 'https://jamestiberiuseanes.github.io/SeaLevelMap5.kml', map: map }); </script>
https://maps.google.com/maps/api/js?sensor=true
https://d3js.org/d3.v3.min.js