google map

by katalin_2003

HTML

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?v=3&amp;sensor=false">


</script>
<div data-role="content">
  <div id="map"></div>
</div>

CSS

#map {
  height: 500px;
  width: 100%;
}

JavaScript

var geoJson = {
  "type": "FeatureCollection",
  "features": [{
    "geometry": {
      "type": "Point",
      "coordinates": [-77.76242552657358, -10.749107039737899]
    },
    "type": "Feature",
    "properties": {
      "icon": "chart_red.png"
    }
  }, {
    "geometry": {
      "type": "Point",
      "coordinates": [-77.76242552657358, -10.749107039737899]
    },
    "type": "Feature",
    "properties": {
      "icon": "chart_red.png"
    }
  }, {
    "geometry": {
      "type": "Point",
      "coordinates": [-77.7623641788643, -10.7500605616405]
    },
    "type": "Feature",
    "properties": {
      "icon": "chart_green.png"
    }
  }, {
    "geometry": {
      "type": "Point",
      "coordinates": [-77.77211472346339, -10.728081474512]
    },
    "type": "Feature",
    "properties": {
      "icon": "chart_green.png"
    }
  }, {
    "geometry": {
      "type": "Point",
      "coordinates": [-77.7614956126977, -10.750647917225699]
    },
    "type": "Feature",
    "properties": {
      "icon": "http://maps.google.com/mapfiles/ms/icons/blue.png"
    }
  }, {
    "geometry": {
      "type": "Point",
      "coordinates": [-77.76185649510131, -10.7516817240557]
    },
    "type": "Feature",
    "properties": {
      "icon": "http://maps.google.com/mapfiles/ms/icons/blue.png"
    }
  }, {
    "geometry": {
      "type": "Point",
      "coordinates": [-77.76185649510131, -10.7516817240557]
    },
    "type": "Feature",
    "properties": {
      "icon": "http://maps.google.com/mapfiles/ms/micons/postoffice-jp.png"
    }
  }, {
    "geometry": {
      "type": "Point",
      "coordinates": [-77.76242552657358, -10.749107039737899]
    },
    "type": "Feature",
    "properties": {
      "icon": "http://maps.google.com/mapfiles/ms/micons/yen.png"
    }
  }, {
    "geometry": {
      "type": "Point",
      "coordinates": [-77.7469388021172, -10.7729040573081]
    },
    "type": "Feature",
    "properties": {
      "icon":...