Google Map + D3 Example

This is an example of using d3.js and Google Maps.

The data.json file is simply the output from the API Console page: https://www.yelp.com/developers/api_console, and was created using the conference hotel address in the "Near" field.

Here's the full query: http://api.yelp.com/v2/search/?term=Bars&location=Hyatt Regency Century Plaza, Los Angeles, CA&sort=2&limit=20&actionlinks=true Built with blockbuilder.org Built with blockbuilder.org

forked from jeremycflin's block: Google Map + D3 Example

<!doctype html>

<title>Google Map + D3.js </title><?php /* EDIT ME */ ?>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

<link rel="stylesheet" href="https://cdn.leafletjs.com/leaflet-0.7.5/leaflet.css" />

</head>

<h1>Google Map + D3.js Example</h1>
                    <div class="byline">By <a href="#">Jeremy C.F. Lin</a></div>

<div class="meta">
                        Published September 23, 2015
                    </div>
                </div>
            </header>

</section>

<footer>
                <div id="source-line">Source: Source goes here.</div>
            </footer>

</div>
    </div>

<script type="text/javascript"
      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB-z__K2Tz1ZKAxvmiZ1mB7rxi9LY4_0JE">
    </script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
    
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    
    <script src="marker.js"></script>

</body>
</html>

Modified http://d3js.org/d3.v3.min.js to a secure url

https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js

https://oss.maxcdn.com/respond/1.4.2/respond.min.js

https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js

https://d3js.org/d3.v3.min.js

https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js