请问为什么我添加的覆盖物在地图上显示不出来？

yunguhui · 发表于 2016-10-19 15:32:25

请大神指点！

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body, html,#map {width: 100%;height: 100%;overflow: hidden;margin:0;}
#golist {display: none;}
@media (max-device-width: 780px){#golist{display: block !important;}}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?type=quick&ak=TE6ZKlGTr7oVinaPvBsnAZ1wO6fF0FHX"></script>
<title>百度地图定位</title>
</head>
<body>
<div id="map"></div>
<script type="text/javascript" src="../system/lib/jquery/jquery-1.11.1.js"></script>
<script language="javascript">
$(window).on('message',function(message){
var data1 = $.parseJSON(message.originalEvent.data);
var longitude = data1.coords.longitude;
var latitude = data1.coords.latitude;
var address = data1.address ;
var coorType = data1.coorType ;
// 百度地图API功能
var map = new BMap.Map("map");
var originPoint = new BMap.Point(longitude,latitude);
map.addControl(new BMap.ZoomControl());
map.centerAndZoom(originPoint, 19);
var marker = new BMap.Marker(originPoint); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中
var point=new BMap.Point(113.748031,34.7244900);
var circle = new BMap.Circle(point,1.8,{fillColor:"transparent", strokeWeight: 1 ,fillOpacity: 1, strokeOpacity: 1});//设置覆盖物的参数，中心坐标，半径，颜色
map.addOverlay(circle);//在地图上显示圆形覆盖物
var point1=new BMap.Point(113.748031,34.7243232);
var circle1=new BMap.Circle(point1,1.8,{fillColor:"transparent", strokeWeight: 1 ,fillOpacity: 1, strokeOpacity: 1});
map.addOverlay(circle1);
var point2=new BMap.Point(113.748031,34.7243844);
var circle2=new BMap.Circle(point2,1.8,{fillColor:"transparent", strokeWeight: 1 ,fillOpacity: 1, strokeOpacity: 1});
map.addOverlay(circle2);
var point3=new BMap.Point(113.748031,34.7244456);
var circle3=new BMap.Circle(point3,1.8,{fillColor:"transparent", strokeWeight: 1 ,fillOpacity: 1, strokeOpacity: 1});
map.addOverlay(circle3);
});
</script>
</body>
</html>