按照官方的 寫了程式碼:

amap is not defined

後來將 地圖api的js 與JQuery的 調換下位置就好了 

<script src="http://webapi.amap.com/maps?v=1.3&key=XXXXXXXXXXXX"></script>
<script src="resources/js/jquery-1.11.1.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
<script src="http://cache.amap.com/lbs/static/es5.min.js"></script>
<script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>
 

		<!-- 地圖  start -->
		<div id="container" class="map" tabindex="0"></div>
		<div class='button-group' style="background-color: #0d9bf2">
		    <input type='radio' onclick='refresh(this.value)' checked name='mapStyle' value='normal'>normal
		    <input type='radio' onclick='refresh(this.value)' name='mapStyle' value='blue_night'>blue_night
		    <input type='radio' onclick='refresh(this.value)' name='mapStyle' value='light'>light
		    <input type='radio' onclick='refresh(this.value)' name='mapStyle' value='fresh'>fresh
		    <input type='radio' onclick='refresh(this.value)' name='mapStyle' value='dark'>dark
		</div>
		<script type="text/javascript">
		    var map = new AMap.Map('container', {
		        resizeEnable: true,
		        center: [116.408075, 39.950187]
		    });
		    function refresh(e) {
		        map.setMapStyle(e);
		    }
		</script>
		
		<!-- end  !!! -->