集成百度地图，初始化不能加载地图点

星辰

根据案例做的百度地图集成，想在页面onload的时候加载几个地图点，最开始是 BMap undefined  后来经过百度，引入了requirejs  ，加载地图改为如下：
require.config({
                        paths: {
                                'async': 'requirejs-plugins/async',
                                'BMap': ['https://api.map.baidu.com/api?v=2.0&ak=kRHuqFbkaoDcf5CsmOY0fwlpOZZgMxkt&s=1']
                        },
                        shim: {
                                'BMap': {
                                        exports: 'BMap'
                                }
                        }
                });
                require(['async!BMap'], function(){
                        if (window.BMap && window.BMap.Map) {
                                window._baiduInit();
                        }
                });


页面报错  require.config is not a function  请问我该如何修改，才能在页面初始化的时候  加载出数据库存放的地图上的点

jishuang

参考/UI2/takeout/mapActivity.w中有iframe的方式引入

星辰

jishuang 发表于 2019-3-20 11:50
参考/UI2/takeout/mapActivity.w中有iframe的方式引入

要改成iframe 才行吗

jishuang

是的

星辰

jishuang 发表于 2019-3-20 13:37
是的

我想问下model load中调用的this.loadBaiduMap();   loadBaiduMap()中定义的window._baiduInit()，为什么在model load中所有内容执行完了 才去执行_baiduInit

jishuang

debugger调试执行this.loadBaiduMap();后不会跳入window._baiduInit()？

星辰

jishuang 发表于 2019-3-21 11:09
debugger调试执行this.loadBaiduMap();后不会跳入window._baiduInit()？

对，进入loadBaiduMap后  走到require 那一句，直接跳到最后，等model load 走完，才去走baiduInit

jishuang

函数具体怎么定义的发一下

星辰

jishuang 发表于 2019-3-21 16:12
函数具体怎么定义的发一下

Model.prototype.modelLoad = function(event){
                debugger;
        //加载地图并加载站点位置
                this.loadBaiduMap();
                this.getPoints();
                if(window.map2!=undefined) {
                        window.addMarker(window.map2,points);
                }       
        };
       
        Model.prototype.loadBaiduMap = function() {
                debugger;
                var id = this.getIDByXID("divMap");
                window._baiduInit = function() {               
                        var map = new BMap.Map(id);
                        window.map2 = map;
                        map.centerAndZoom(new BMap.Point(116.397428, 39.90923), 12);
                        map.addControl(new BMap.MapTypeControl());
                        map.setCurrentCity("北京");
                        map.enableScrollWheelZoom(true);

                };
                require([ 'http://api.map.baidu.com/api?v=1.4&ak=您的密钥&callback=_baiduInit' ], function() {
                        if (window.BMap && window.BMap.Map) {
                                window._baiduInit();
                        }
                });
        };

jishuang

1. Model.prototype.modelLoad = function(event){
   
2.                 debugger;//1
   
3.         //加载地图并加载站点位置
   
4.                 this.loadBaiduMap();
   
5.                                 debugger;//2
   
6.                 this.getPoints();
   
7.                 if(window.map2!=undefined) {
   
8.                         window.addMarker(window.map2,points);
   
9.                 }        
   
10.         };
    
11. 
    
12. Model.prototype.loadBaiduMap = function() {
    
13.                 debugger;//3
    
14.                 var id = this.getIDByXID("divMap");        
    
15.                 require([ 'http://api.map.baidu.com/api?v=1.4&ak=您的密钥&callback=_baiduInit' ], function() {
    
16.                                 debugger;//4
    
17.                         if (window.BMap && window.BMap.Map) {
    
18.                                   var map = new BMap.Map(id);
    
19.                         window.map2 = map;
    
20.                         map.centerAndZoom(new BMap.Point(116.397428, 39.90923), 12);
    
21.                         map.addControl(new BMap.MapTypeControl());
    
22.                         map.setCurrentCity("北京");
    
23.                         map.enableScrollWheelZoom(true);
    
24.                         }
    
25.                 });
    
26.         };

复制代码

debugger执行顺序不是1,3,4,2?