高德地图第一加载出现AMapUI is not defined

wwl0503

高德地图第一加载出现AMapUI is not defined，之后刷新一下就好了，



代码如下：

wwl0503

1. define(function(require) {
   
2.         // var $ = require("jquery");
   
3.         var map = require('http://webapi.amap.com/maps?v=1.3&key=07d5583f320fa1a75dbb1f3f72&plugin=AMap.Autocomplete,AMap.PlaceSearch');
   
4.         var ui = require('http://webapi.amap.com/ui/1.0/main.js');
   
5.         var justep = require("$UI/system/lib/justep");
   
6.         var dialog = require("$UI/system/components/justep/dialog/dialog");
   
7.         var Model = function() {
   
8.                 this.callParent();
   
9.         };
   
10.         Model.prototype.modelLoad = function(event) {
    
11.                 this.loadGaodeMap();
    
12.         };
    
13. 
    
14.         Model.prototype.loadGaodeMap = function() {
    
15.                 var amap = this.getIDByXID("gaodeMap");
    
16.                 var source = this.comp('source');
    
17.                 var dest = this.comp('dest');
    
18.                 dest.set({
    
19.                         "value" : "请输入收货人所在地"
    
20.                 });
    
21.                 AMapUI.loadUI([ 'misc/PositionPicker' ], function(PositionPicker) {
    
22.                         var map = new AMap.Map(amap, {
    
23.                                 zoom : 16,
    
24.                                 scrollWheel : false
    
25.                         });
    
26.                         map.plugin('AMap.Geolocation', function() {
    
27.                                 source.set({"value" : "正在获取定位..."});
    
28.                                 geolocation = new AMap.Geolocation({
    
29.                                         enableHighAccuracy : true, // 是否使用高精度定位，默认:true
    
30.                                         timeout : 10000, // 超过10秒后停止定位，默认：无穷大
    
31.                                         buttonOffset : new AMap.Pixel(10, 20), // 定位按钮与设置的停靠位置的偏移量，默认：Pixel(10, 20)
    
32.                                         zoomToAccuracy : false, // 定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false
    
33.                                         buttonPosition : 'RB',
    
34.                                         showMarker : false,
    
35.                                         showCircle : false
    
36.                                 });
    
37.                                 map.addControl(geolocation);
    
38.                                 geolocation.getCurrentPosition();
    
39.                                 AMap.event.addListener(geolocation, 'complete', onComplete); // 返回定位信息
    
40.                                 AMap.event.addListener(geolocation, 'error', onError); // 返回定位出错信息
    
41.                         });
    
42.                         // 解析定位结果
    
43.                         function onComplete(data) {
    
44.                                 source.set({"value" : data.formattedAddress});
    
45.                         }
    
46.                         // 解析定位错误信息
    
47.                         function onError(data) {
    
48.                                 source.set({"value" : "定位失败"});
    
49.                         }
    
50. 
    
51.                         var positionPicker = new PositionPicker({
    
52.                                 mode : 'dragMap',
    
53.                                 map : map
    
54.                         });
    
55. 
    
56.                         positionPicker.on('success', function(positionResult) {
    
57.                                 source.set({"value" : positionResult.address});
    
58.                         });
    
59. 
    
60.                         positionPicker.on('fail', function(positionResult) {
    
61.                                 source.set({"value" : "选取位置失败"});
    
62.                         });
    
63. 
    
64.                         var onModeChange = function(e) {
    
65.                                 positionPicker.setMode(e.target.value)
    
66.                         }
    
67.                         positionPicker.start();
    
68.                         map.panBy(0, 1);
    
69.                 });
    
70. 
    
71.         };
    
72. 
    
73.         Model.prototype.sourceClick = function(event) {
    
74.                 this.comp("sourceDialog").open({
    
75.                         data : this.comp('source').get("value")
    
76.                 });
    
77.         };
    
78. 
    
79.         Model.prototype.destClick = function(event) {
    
80.                 this.comp("destDialog").open();
    
81.         };
    
82. 
    
83.         return Model;
    
84. 
    
85. });

复制代码

liangyongfei

wwl0503 发表于 2017-7-20 11:04

1.   var map = require('http://webapi.amap.com/maps?v=1.3&key=07d5583f320fa1a75dbb1f3f72&plugin=AMap.Autocomplete,AMap.PlaceSearch');
   
2.         var ui = require('http://webapi.amap.com/ui/1.0/main.js');
   

复制代码

这里代码又没有引用变量，应该不需要赋值给变量的吧！

改成

1. require('http://webapi.amap.com/maps?v=1.3&key=07d5583f320fa1a75dbb1f3f72&plugin=AMap.Autocomplete,AMap.PlaceSearch');
   
2. require('http://webapi.amap.com/ui/1.0/main.js');
   

复制代码

试试行吗？？

另外有可能就是环境还没初始化！需要等待初始化执行完，
AMapUI对象存在后，再调用
http://docs.wex5.com/wex5-ui-question-list-2104

wwl0503

谢谢了，问题已经解决了

Barrett_07

wwl0503 发表于 2017-7-26 08:56
谢谢了，问题已经解决了

题主，你是怎么解决这个bug的阿？