按照官方的 写了代码:
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' οnclick='refresh(this.value)' checked name='mapStyle' value='normal'>normal
<input type='radio' οnclick='refresh(this.value)' name='mapStyle' value='blue_night'>blue_night
<input type='radio' οnclick='refresh(this.value)' name='mapStyle' value='light'>light
<input type='radio' οnclick='refresh(this.value)' name='mapStyle' value='fresh'>fresh
<input type='radio' οnclick='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 !!! -->