高德web页面用api.openWin就出现错误

东方哈雷

用api.openWin打开amap.html  会出现 AMap is not defined at amap.html

如果单独运行amap.html又不会出错，这是什么情况各位大神。

amap.html代码如下：

<!doctype html>
<html lang="zh-CN">

<head>

<base href="//webapi**.**/ui/1.1/ui/misc/PoiPicker/examples/" />
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
<title>输入框选择POI点</title>
<style>
      html,
      body,
      #container {
         width: 100%;
         height: 100%;
         margin: 0px;
         font-size: 13px;
      }

      #pickerBox {
         position: absolute;
         z-index: 9999;
         top: 50px;
         right: 30px;
         width: 300px;
      }

      #pickerInput {
         width: 200px;
         padding: 5px 5px;
      }

      #poiInfo {
         background: #fff;
      }

      .amap_lib_placeSearch .poibox.highlight {
         background-color: #CAE1FF;
      }

      .amap_lib_placeSearch .poi-more {
         display: none !important;
      }
</style>

<script>
      window._AMapSecurityConfig = {
         securityJsCode: '[color=rgba(0, 0, 0, 0.85)]安全密钥',
      }
</script>

</head>

<body>
<div id="container" class="map" tabindex="0"></div>
<div id="pickerBox">
      <input id="pickerInput" placeholder="输入关键字选取地点" />
      <div id="poiInfo"></div>
</div>
<script type="text/javascript" src='//webapi**.**/maps?v=2.0&key=我申请的key'></script>

<script src="//webapi**.**/ui/1.1/main.js?v=1.1.1"></script>
<script type="text/javascript">
      var map = new AMap.Map('container', {
         zoom: 10
      });

      AMapUI.loadUI(['misc/PoiPicker'], function (PoiPicker) {
         var poiPicker = new PoiPicker({
            //city:'北京',
            input: 'pickerInput'
         });
         //初始化poiPicker
         poiPickerReady(poiPicker);
      });

      function poiPickerReady(poiPicker) {
         window.poiPicker = poiPicker;
         var marker = new AMap.Marker();
         var infoWindow = new AMap.InfoWindow({
            offset: new AMap.Pixel(0, -20)
         });

         //选取了某个POI
         poiPicker.on('poiPicked', function (poiResult) {

            var source = poiResult.source,
                  poi = poiResult.item,
                  info = {
                     source: source,
                     id: poi.id,
                     name: poi.name,
                     location: poi.location.toString(),
                     address: poi.address
                  };

            marker.setMap(map);
            infoWindow.setMap(map);

            marker.setPosition(poi.location);
            infoWindow.setPosition(poi.location);

            infoWindow.setContent('POI信息: <pre>' + JSON.stringify(info, null, 2) + '</pre>');
            infoWindow.open(map, marker.getPosition());

            map.setCenter(marker.getPosition());
         });

         poiPicker.onCityReady(function () {
            poiPicker.suggest('收费站');
         });
      }
</script>
</body>

</html>

技术咨询-F

引用的url 资源都写的对吗？

用openFrame 试试

技术咨询-特特

看报错信息是没引入模块

东方哈雷

调用 web的，不存在引用问题

技术咨询-特特 · 2022-8-1 14:30看报错信息是没引入模块

东方哈雷

一样的错误

技术咨询-F · 2022-8-1 14:30引用的url 资源都写的对吗？

用openFrame 试试

技术咨询-F

单独运行amap.html是指怎么运行？

可以发一页测试代码吗，用附件传上来

东方哈雷 · 2022-8-1 17:09一样的错误

东方哈雷

就是，我直接在apicloud3 右击amap.html里面的代码，选择wifi真机实时观览，就可以跑起来，我截图你看吧

技术咨询-F · 2022-8-1 18:51单独运行amap.html是指怎么运行？

可以发一页测试代码吗，用附件传上来

东方哈雷

上面直接右击--wifi真机实时观览的结果

这是在另外一个页面，用api.openwin打开，就出现这样的错误。

东方哈雷 · 2022-8-2 09:04就是，我直接在apicloud3 右击amap.html里面的代码，选择wifi真机实时观览，就可以跑起来，我截图你看吧

技术咨询-F

那可能是有 js 语法不支持

东方哈雷 · 2022-8-2 09:06上面直接右击--wifi真机实时观览的结果

[其他] 高德web页面用api.openWin就出现错误