Google maps api 3 绘图工具赢得';我的地图上没有显示

Google maps api 3 绘图工具赢得';我的地图上没有显示,google-maps-api-3,Google Maps Api 3,函数initMap(){ var centerPoint=newgoogle.maps.LatLng(41,-103); 变量映射选项={ 中心:中心点, 滚轮:错误, mapTypeId:google.maps.mapTypeId.HYBRID, 键盘快捷键:正确, mapTypeControl:true, 街景控制:对, drawingControl:对, 缩放:8 }; //警报('initMap'); var map=new google.maps.map(document.getEle


函数initMap(){
var centerPoint=newgoogle.maps.LatLng(41,-103);
变量映射选项={
中心:中心点,
滚轮:错误,
mapTypeId:google.maps.mapTypeId.HYBRID,
键盘快捷键:正确,
mapTypeControl:true,
街景控制:对,
drawingControl:对,
缩放:8
};
//警报('initMap');
var map=new google.maps.map(document.getElementById('map'),mapOptions);
var drawingManager=new google.maps.drawing.drawingManager({
drawingMode:google.maps.drawing.OverlyType.MARKER,
drawingControl:对,
drawingControlOptions:{
位置:google.maps.ControlPosition.TOP_CENTER,
绘图模式:[
google.maps.drawing.overlytype.MARKER,
google.maps.drawing.overlytype.CIRCLE,
google.maps.drawing.OverlyType.POLYGON,
google.maps.drawing.OverlyType.POLYLINE,
google.maps.drawing.overlytype.RECTANGLE
]
},
标记选项:{icon:'images/pUmjb.jpg'},
循环操作:{
填充颜色:'#ffff00',
不透明度:1,
冲程重量:5,
可点击:false,
是的,
zIndex:1
}
});
drawingManager.setMap(map);
}
地图:

只包含一次API。如果希望/需要使用密钥(建议使用但不是必需的),请将其包含在单个include的参数中。不再需要
传感器
参数

更新:现在需要密钥)

html,
身体,
#地图{
身高:100%;
宽度:100%;
边际:0px;
填充:0px
}

您两次包含API,这将导致意外行为。
<script src="http://maps.googleapis.com/maps/api/js?libraries=drawing&key=AIzaSyB8sE5-1UPLAT2UqkNqRiMnvVNh9UNZk-0&callback=initMap" type="text/javascript" async defer></script>