Google Charts Map demo #1

Demo map created using Google Charts API - Museums in London

by Daniel Buttery

HTML

<script src="https://www.google.com/jsapi"></script>

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
    google.charts.load('41', {packages: ['corechart', 'map']});

</script>

    <div id="map_div" style="width: 600px; height:400px"></div>

JavaScript

//Demo map created using Google Charts API - Museums in London


      
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Lat', 'Long', 'Name'],
          [51.500667, -0.174566, 'Science Museum'],
          [51.518001, -0.125955, 'British Museum'],
          [51.523536, -0.070258, 'The Geffrye'],
          [51.519227, -0.058501, 'Dennis Severs\' House']
        ]);

        var map = new google.visualization.Map(document.getElementById('map_div'));
        map.draw(data, {showTip: true});
      }

google.charts.setOnLoadCallback(drawChart);