#6708

HTML

<script type="text/javascript" src="http://www.amcharts.com/lib/3/ammap.js"></script>
<script type="text/javascript" src="http://www.amcharts.com/lib/3/maps/js/usaHigh.js"></script>
<script type="text/javascript" src="http://www.amcharts.com/lib/3/themes/none.js"></script>
<div id="mapdiv"></div>
<div id="objectlist"></div>
<div id="debug"></div>

CSS

#mapdiv {
	width	: 80%;
	height	: 500px;
    float: left;
}
#objectlist {
  width	: 19%;
  height	: 500px;  
    float: left;
    overflow: auto;
}

JavaScript

var map;
            AmCharts.ready(function() {
                map                  = new AmCharts.AmMap();
                map.pathToImages     = "http://www.amcharts.com/lib/3/images/";
                map.panEventsEnabled = true;
                map.backgroundColor  = "#535364";
                map.backgroundAlpha  = 1;
				  map.mouseWheelZoomEnabled = true;
				  
				  
				  
                map.zoomControl.panControlEnabled  = true;
                map.zoomControl.zoomControlEnabled = true;


       var dataProvider     = {
                    mapVar          : AmCharts.maps.usaHigh,
                    getAreasFromMap : true,
                    areas           : [{id:"US-AK", url:"http://bridgetotheworld.blog.fc2.com/"}
                    ],
                    images: [
            { latitude: -11, longitude: -85, label: 'AZ', mouseEnabled: false, labelPosition: 'middle' },
            { latitude: 52.694617, longitude: -129.74359, label: 'CA', mouseEnabled: false, labelPosition: 'middle' },
            { latitude: 54.945159, longitude: -38.974359, label: 'CO', mouseEnabled: false, labelPosition: 'middle' },
            { latitude: -68.08587, longitude: -1.065843, label: 'TX', mouseEnabled: false, labelPosition: 'middle' }
        ]
                    
                     
                };


map.dataProvider = dataProvider;

map.areasSettings = { 
autoZoom : true, 
color : "#CDCDCD", 
colorSolid : "#5EB7DE", 
selectedColor : "#5EB7DE", 
outlineColor : "#666666", 
rollOverColor : "#88CAE7", 
rollOverOutlineColor : "#FFFFFF" 
};
    
    map.objectList = new AmCharts.ObjectList();
    map.objectList.container = "objectlist";
    

map.write("mapdiv"); 
});