FusionTable-Map-Template | Searchable Map Template using Google Maps and Fusion Tables

Follow the steps below and you'll be in business with your own map.
Create a Fusion Table (here's a great tutorial)
Make sure at least one column is set to a type of Location and that Fusion Tables has geocoded it
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)
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. Follow these instructions to get a Google API key. 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. Note You’ll need to enable billing with a credit card and have a valid API key for all Google API projects, including this one.
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) fusionTableId - the ID of your Fusion Table (found in Fusion Tables under File => About this table) googleApiKey - your Google Cloud Platform API key locationColumn - the name of your location column in your Fusion Table map_center - the lat/long you want your map to center on (find yours here) locationScope - the area you want to limit searches to (set to 'chicago' by default)
Replace the API key on this line of index.html with yours: <script type="text/javascript" src="https://maps.google.com/maps/api/js?v=3.37&libraries=places&key=[YOUR KEY HERE]"></script>
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 for filter examples and list views to get started.
Upload this map and all the supporting files (css, fonts, images and js folders) to your site