jQuery addClass example

Change class name on click in jQuery

by Klawztro

HTML

<div id="map"></div>
<!-- Replace the value of the key parameter with your own API key. -->
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk&callback=initMap">
</script>

CSS

#map-canvas {
    width: auto;
    height: 350px;
}
#info {
    position: absolute;
    font-family: arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
}

JavaScript

// This example creates a 2-pixel-wide red polyline showing the path of
// the first trans-Pacific flight between Oakland, CA, and Brisbane,
// Australia which was made by Charles Kingsford Smith.
var obj = {"type":"Topology","objects":{"foo":{"type":"GeometryCollection","geometries":[{"type":"MultiPolygon","arcs":[[[0]]],"properties":{"codarea":"3533908","centroide":[-48.9597557797301,-20.705155356229767]}}]}},"arcs":[[[-48.7924,-20.7253],[-48.8043,-20.7262],[-48.8245,-20.7731],[-48.8414,-20.7715],[-48.8825,-20.8075],[-48.8917,-20.8237],[-48.917,-20.8129],[-48.949,-20.8693],[-48.984,-20.8484],[-49.0108,-20.8554],[-49.0655,-20.8119],[-49.0789,-20.8117],[-49.0926,-20.8116],[-49.0988,-20.7829],[-49.0992,-20.7477],[-49.1257,-20.729],[-49.1214,-20.6671],[-49.13,-20.6582],[-49.1067,-20.652],[-49.1249,-20.6374],[-49.1162,-20.6238],[-49.1188,-20.6044],[-49.0884,-20.6018],[-49.0813,-20.6229],[-49.0592,-20.6148],[-49.0445,-20.6342],[-49.0148,-20.6498],[-48.9995,-20.6243],[-48.9901,-20.5817],[-48.9626,-20.5908],[-48.9587,-20.5759],[-48.8826,-20.5463],[-48.8522,-20.5447],[-48.8311,-20.5708],[-48.8457,-20.625],[-48.8404,-20.6525],[-48.8288,-20.6586],[-48.7993,-20.6541],[-48.7866,-20.6896],[-48.8006,-20.7142],[-48.7924,-20.7253]]],"bbox":[-49.13,-20.8693,-48.7866,-20.5447]}

var centro = { 
	lat :  obj.objects.foo.geometries[0].properties.centroide[0], 
	lng :  obj.objects.foo.geometries[0].properties.centroide[1]
}
//var coord_centro_lng =;
//var coord_centro_lat = obj.objects.foo.geometries[0].properties.centroide[0];



function initMap() {
/*
var centro = { 
	lat :  obj.objects.foo.geometries[0].properties.centroide[0], 
	lng :  obj.objects.foo.geometries[0].properties.centroide[1]
} */


  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 10,
    center: {
      lat : obj.objects.foo.geometries[0].properties.centroide[1],
      lng : obj.objects.foo.geometries[0].properties.centroide[0]
    },
    mapTypeId: 'terrain'
  });
  
  var arcos = [];
 ...