WorldMap.js Regional example and code

The following code is an example regional map for the UK with the mercator projection, a custom style and names are shown. You can check bellow the code to see all the current supported countries.

 <div id="mapcontainer" align="center"> <!-- You can place the container wherever you want, but it has to be before loading the code-->
<link rel="stylesheet" href="css/worldmap.v1.css"> 
<script src="js/worldmap.v1.js"></script>
<script>


   var createmap = new Worldmap({  
    elementid: "#mapcontainer",
     mapstyle: {   // Change the map style
       ocean: "#4A5B62",
        region: "#F3F3F3",
        border : "#ffffff"
    },
    project: {  
        name: "Mercator",
        //zoomlevel: 6 // If you want it to zoom into an area
        //zoomarea:[-122.417, 37.775] 
                           },
    showtable:false, // Hide Table
    editpanel:false,  // Hide Edit
   defaultfill: "steelblue", // default fill color
   defaultsize: 30,
    shownames:true, //show the regional names
   region: "GB" // select GB (Great Britain) as the region.
   }); 
 
// Adds the button an 
 


  </body>  
            

Current supported countries

<pre> var regionnames={ "US": "us.json", "CL": "chile.json", "AR": "argentina.json", "BR": "brazil.json", "ES": "espana.json", "JP": "japan.json", "DE": "germany.json", "CN": "china.json", "GB": "uk.json", "IT": "italy.json", "IN": "india.json", "INdistricts": "indiadistricts.json", "FR": "france.json", "PK": "pakistan.json", "NL": "netherlands.json", "IE": "ireland.json", "ZA": "southafrica.json", "DK": "denmark.json", "TR": "turkey.json", "PT": "portugal.json", "SE": "sweden.json", "NZ": "newzealand.json", "PH": "philippines.json", "FI": "finland.json", "PL": "poland.json", "DZ": "algeria.json", "AZ": "azerbaijan.json", "PE": "peru.json", "MX": "mexico.json", "RU": "russia.json", false: "worldtemplate.json" };