world-countries

Stylized map of world countries.

by ryanttb

HTML

<script src="http://code.jquerygeo.com/jquery.geo-1.0.0-b1.5.js"></script>
<div id="map"></div>

CSS

#map {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

JavaScript

// create a map with no services
// but set the shapeStyle option
var map = $("#map").geomap({
  zoom: 2,
  services: [],
  shapeStyle: {
    color: "#444",
    stroke: "#fff",
    strokeWidth: "3px"
  }
});

// grab the world countires file
$.getJSON("http://data.jquerygeo.com/world-countries.json", function (result) {
  // blast it onto the map
  map.geomap("append", result);
});