This is a demonstration of using the CityVerve API together with Google Maps
Click here to learn more about CityVerve.
Click here to go to the CityVerve Developer Portal.
Click here to see a showcase of working CityVerve apps (including this demo).
Click here to go to the Google Maps developer portal.
In order to get this demo working for yourself, you simply need to clone the repo and host the files within your web-server of choice.
Before it will work, however, you need to make two modifications:
At the top of the JavaScript file, you will find the following line of code:
const API_KEY = 'YOUR-KEY-HERE'; // cityverve api key
You need to replace the string YOUR-KEY-HERE with your own personal CityVerve API key. You can get a key (for free) at our Developer Portal. Just follow the steps in our Getting Started guide.
Towards the bottom of the HTML file, you will find the following line of markup:
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR-KEY-HERE&callback=initialise" async defer></script>
You need to replace the string YOUR-KEY-HERE with your own personal Google Maps API key. You can get a key (for free) at the Google Maps Developer Portal.
Have fun, and please do share any cool apps that you make with the CityVerve API.