老师,这个报错是否是API引入错误?

来源：4-8 地图搜索与poi结合（4）

weibo_执著的弧线_0

2019-10-23 19:19:54

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>创建图层</title>
   <style type="text/css">
      *{
         margin: 0;
         padding: 0;
         }
      #content{
         width: 100%;
         height: 100%;
         position: absolute;
         top: 0;
         left: 0;
      }
   </style>
</head>
<body>
   <!--1.创建地图实例-->
 <div id="content">

   </div>
   <script src="https://webapi.amap.com/maps?key=fa587136f2f835dda3a721ac96f1274e&v=1.4.15&plugin=Map3D"></script>
   <script src="https://webapi.amap.com/loca?key=fa587136f2f835dda3a721ac96f1274e&v=1.4.15"></script>

   <script type="text/javascript">
      var map = new AMap.Map('content',{
         mapStyle: 'amap://styles/grey',//官方地图样式
 zoom: 5,
         center: [107.4976,32.1697]
      });
   //2. 创建可视化图层——绘制散点图层
 var layer = new Loca.ScatterPointLayer({map:map});

      // 市县位置数据
 var data = [ { "lnglat": [116.366794, 39.915309], "name": "西城区", "style": 2 },
                { "lnglat": [116.486409, 39.921489], "name": "朝阳区", "style": 2 },
                { "lnglat": [116.286968, 39.863642], "name": "丰台区", "style": 2 }] ;
         //, { lnglat: 'lnglat'  指定坐标数据的来源，数据格式: 经度在前，维度在后，数组格式。 });

   //3. 配置样式
 layer.setOptions({ style:
 {  radius: 2,
                      color: '#b7eff7',
                     borderWidth: 0.5,
                     borderColor: '#ffffff' }
                     });

      //最后当数据和样式都配置好以后，调用render()方法图层便立即渲染。
 layer.render();
   </script>
</body>
</html>

写回答

2回答