Add a Mapsense basemap with one line. Be sure to replace the API key with your own, found at https://developer.mapsense.co/account/.
The resulting map shows the default map settings. Style, center, and zoom can all be set with additional calls.
See the documentation for more details.
| <html> | |
| <head> | |
| <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> | |
| <script src="http://d3js.org/topojson.v1.min.js" charset="utf-8"></script> | |
| <script src="https://developer.mapsense.co/mapsense.js" charset="utf-8"></script> | |
| <link type="text/css" href="https://developer.mapsense.co/mapsense.css" rel="stylesheet"/> | |
| <style> | |
| /* Sets the map to be full screen with no margin */ | |
| body, html, #myMap{ | |
| height: 100%; | |
| width: 100%; | |
| margin: 0; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div id="myMap"></div> | |
| <script> | |
| var map = mapsense | |
| .map("#myMap") // Select an element to add the map to | |
| .add(mapsense.basemap().apiKey("key-2d5eacd8b924489c8ed5e8418bd883bc")) //add a basemap layer and append your API key | |
| </script> | |
| </body> | |
| </html> |