You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository was archived by the owner on May 24, 2021. It is now read-only.
Copy file name to clipboardExpand all lines: README.md
+10-9Lines changed: 10 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,8 @@
1
1
# Fusion Table Searchable Map Template
2
2
You want to put your data on a searchable, filterable map. This is a free, open source template to help you do it.
3
3
4
+
**Note**[Beginning on June 11, 2018, Google will require you to enable billing with a credit card and have a valid API key](https://cloud.google.com/maps-platform/user-guide/) for all Google API projects, including this one.
@@ -45,19 +48,17 @@ Follow the steps below and you'll be in business with your own map.
45
48
1. Create a Fusion Table ([here's a great tutorial](https://support.google.com/fusiontables/answer/2527132?hl=en&topic=2573107&ctx=topic))
46
49
1. Make sure at least one column is set to a type of Location and that Fusion Tables has geocoded it
47
50
1. Set the Fusion Table to be publicly visible (via the Share button in the upper right) and make sure that 'Allow Downloads' is checked for your Fusion Table (File => About this table => Edit table information)
48
-
1. Create your own Google Maps JavaScript API key to replace the default in the Map Options section of the index.html file above. By inserting your own key, Google will allow 25,000 requests per day to your Searchable Map.
49
-
1. Go to the [Google Developers Maps JavaScript API](https://console.developers.google.com/projectselector/apis/credentials) page and click the Get a Key button
50
-
1. On the Google Developers Console page, select Create a New Project and press Continue
51
-
1. On the Credentials page, create a key, which should look something like `AIzaSyBNVkiNzErPTEGpxWp0cvdqDMd2BxD-S50`.
52
-
1. Copy and paste your key into the Map Options section of the index.html file as described above.
53
-
1. To find or edit your key in the future, go back to the Google Developers Console page
51
+
1. Create your own Google API key to replace the default in the Map Options section of the index.html file above. By inserting your own key, you will be able to use your map on domains other than `*.github.io`.
52
+
1.[Follow these instructions to get a Google API key](https://developers.google.com/maps/documentation/directions/get-api-key).
53
+
1. You will need to make sure that the **Places API**, **Maps JavaScript API**, **Geocoding API** and **Fusion Tables API** are all enabled for your project.
54
+
1.**Note**[Beginning on June 11, 2018, you’ll need to enable billing with a credit card and have a valid API key](https://cloud.google.com/maps-platform/user-guide/) for all Google API projects, including this one.
54
55
1. Download or clone this project and fire up your text editor of choice. Open up `index.html` and set your map options at the bottom of the file ([see the full list of options](#mapslib-options))
55
56
1.**fusionTableId** - the ID of your Fusion Table (found in Fusion Tables under File => About this table)
56
-
1.**googleApiKey** - the API key from your [Google API Console](https://code.google.com/apis/console/)
57
+
1.**googleApiKey** - your Google Cloud Platform API key
57
58
1.**locationColumn** - the name of your location column in your Fusion Table
58
59
1.**map_center** - the lat/long you want your map to center on ([find yours here](http://www.itouchmap.com/latlong.html))
59
60
1.**locationScope** - the area you want to limit searches to (set to 'chicago' by default)
60
-
1.**New** Get a Google Maps API key. [Follow these instructions](https://developers.google.com/maps/documentation/javascript/get-api-key) and replace the key on this line of `index.html`: `<script type="text/javascript" src="https://maps.google.com/maps/api/js?libraries=places&key=[YOUR KEY HERE]"></script>`
61
+
1.Replace the API keyon this line of `index.html` with yours: `<script type="text/javascript" src="https://maps.google.com/maps/api/js?libraries=places&key=[YOUR KEY HERE]"></script>`
61
62
1. Add/modify additional filters to maps_lib.js. This will depend on the data you are trying to map. Take a look at the [wiki](https://github.com/derekeder/FusionTable-Map-Template/wiki) for [filter examples](https://github.com/derekeder/FusionTable-Map-Template/wiki/Filter-examples) and [list views](https://github.com/derekeder/FusionTable-Map-Template/wiki/List-search-results) to get started.
62
63
1. Upload this map and all the supporting files (css, fonts, images and js folders) to your site
| fusionTableId ||**Required**. Table ID of your Fusion Table (found under File => About). |
81
-
| googleApiKey ||**Required**. Found at https://console.developers.google.com/ The key provided in this template is for demonstration purposes only. Please register your own. |
82
+
| googleApiKey ||**Required**. Found at https://developers.google.com/maps/documentation/directions/get-api-key The key provided in this template is for demonstration purposes only. You will need to register your own for your map to work on domains other than `*.github.io`. |
82
83
| map_centroid ||**Required**. Center [latitude, longitude] that your map defaults to. |
83
84
| recordName | record | Used for showing the count of results. |
0 commit comments