自2018年10月18日起,高德开发者论坛除车机板块外,其他板块将停止发帖与维护,如您有使用问题请 提交工单 联系我们,感谢您的理解。

查看: 393|回复: 0
打印 上一主题 下一主题

[报错] Uncaught ReferenceError: AMap is not defined

[复制链接]
最佳答案
0 

1

主题

1

帖子

5

积分

新手上路

Rank: 1

积分
5
跳转到指定楼层
楼主
发表于 2018-3-5 11:49:11 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
发表帖子
API/SDK版本号: JavaScript API V1.4.4
产品: 定位
手机型号:
使用接口:
昨天还好好的 ,今天就突然不行了,我用的是HBuider 工具 mui框架 ,代码如下
<body>
                <div class="mui-content">
                        <div id="go-plan" class="go-plan">
                                <span class="go-plan-title">
                                        <i class="mdicon call-split"></i>
                                        路线
                                </span>

                        </div>
                        <div id="container" tabindex="0"></div>
                </div>
                <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.3&key=ab94726f92b52f4223119d0d702d2c21"></script>
                <script src="js/mui.min.js"></script>
                <script src="js/util.js"></script>
                <script type="text/javascript">
                        (function() {
                                mui.init({
                                        swipeBack: true //启用右滑关闭功能
                                });
                                mui.plusReady(function() {
                                        //设置顶部背景
                                        plus.navigator.setStatusBarBackground('rgba(51,136,103,1)');
                                        plus.navigator.setStatusBarStyle('light');
                                        //绘制顶部图标
                                        var _self = plus.webview.currentWebview();
                                        var titleView = _self.getNavigationbar();

                                        if(!titleView) {
                                                titleView = plus.webview.getLaunchWebview().getNavigationbar();
                                        }

                                        titleView.drawRect("#cccccc", {
                                                top: "43px",
                                                height: "1px",
                                                left: "0px"
                                        }); //绘制底部边线

                                        //绘制左上角menu图标
                                        var bitmap_menu = new plus.nativeObj.Bitmap("menu");
                                        bitmap_menu.loadBase64Data("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABG0lEQVRYR+2W0Q3CMAxE7yaAEdgA2AA2YANgBDZhA2ACRgA2gE3Y4JBRkKqqonFixE/9F8nJPZ8Tt8Sfg3/WxwAwOBDqgKQxgItdbJLznAseBiBpBuAMYALgQdLWvRECkMStcnPgAWBB8tmrbk7lJH3LaYnfAKxyxd+tqgGQtEi2W+UnkhvvecUAkkzskASLxIsdiBIvAmiJ70juvbY3810tkHQEsE4HbEnauiqyAX4h7mqBJHvXIwBXksuqshubPQ7YZLsmiCPJbQRENoCJpaETCuEC+AWEG6AD4g5g6Rm/xc+wubHVjmKIIgc+IBEQVQAR7agGSBD2NbTXMQXgakcIQAdE9rAKA2hBPEnav0JvhAL0qnUkDACDAy+8yW8hsFIfqwAAAABJRU5ErkJggg==");
                                        titleView.drawBitmap(bitmap_menu, {}, {
                                                top: "10px",
                                                left: "10px",
                                                width: "24px",
                                                height: "24px"
                                        });

                                        var about_left = window.innerWidth - 64;
                                        var bitmap = new plus.nativeObj.Bitmap("user");
                                        bitmap.loadBase64Data("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABdElEQVRYR+2W4U3DMBCF35sANgAmKEwAnQBGgAnoCDABMAFsAExAu0HZgBHaCQ69qIlCauOzZSkgxT+by913z5d3JUY+HLk+JoD/pYCZHQK4BXAN4BjAF4A1gCeSy5J5citgZir4CuA0UuiG5Ev/mZkJ6nwQvyQ5b3/LAVCns0SX874SEYAVyYssADOT5M8OidckzxxxXYhLATN7A3DpSUzSlTNXgdBdxni6a6g2A5FEpQBFM1CkgOvKPEGlCnhyuwYmZwgBnJCUQaHmDCwAPDg62pKUWzanpg8oqbo6SEDck7xzgOb5wK4bWbCGMQbxSTJm01Gm5AzsFpBMSPZ5BaCTeJC1XUwyLX1qzRykThCgV1QW3Pl2KtngudTScnonuYm9uwdgZpLx45dOMzmg4nJHLbO9EwKQdEe5VRLx0SUVArDKxZt0sSU1AfxJBTS1KcfLHZMfFt1/OaSAvv3HihBbAIvhH9YWIumEua3mxk8AoyvwDV3SlSGxtdWDAAAAAElFTkSuQmCC");
                                        titleView.drawBitmap(bitmap, {}, {
                                                top: "10px",
                                                left: about_left + "px",
                                                width: "24px",
                                                height: "24px"
                                        });
                                        var about_left = window.innerWidth - 34;
                                        var bitmap_add = new plus.nativeObj.Bitmap("add");
                                        bitmap_add.loadBase64Data("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABJUlEQVRoQ+1Y0RFBQQzc7UAHlEAFdGCUogJ0oAQdGB3QAR3oJCbmPpjxiHv3cGMzc18vyV12N3eZR1RurPz8UAHfZlAMiIGWCEhCLQFsHd4ZA2Y2ALAF0AMwI3lsfdoHCbosYAlgkfack1zXXMCKpBdU3D7FgApook4MNCFjZrdNLAlJQu/ef5JQEDHdQlXcQmkwm6bBLEguJsB1ue3Tisa63y4yAIYkZGZnAP13di/geyQ5epXnlws4kRyWKsATuRx8to+a+4+T8yFDQhuSzvxTCzHwKsmj73oHgqiJgSregSCbd27qgSBq6gH1QFAqTW6S0L9IqMpfiz4AbtIAOIkMZjnt0FkP5BwmJ0YF5KBWMkYMlEQzJ5cYyEGtZIwYKIlmTq4L9cuaMcmM78kAAAAASUVORK5CYII=");
                                        titleView.drawBitmap(bitmap_add, {}, {
                                                top: "10px",
                                                left: about_left + "px",
                                                width: "24px",
                                                height: "24px"
                                        });

                                        titleView.interceptTouchEvent(true);
                                        titleView.addEventListener("click", function(e) {
                                                var x = e.clientX;
                                                if(x < 44) { //触发menu菜单
                                                        var _left = parseInt(_self.getStyle().left);
                                                        if(_left > 0) { //处于显示状态
                                                                closeMenu();
                                                        } else {
                                                                openMenu();
                                                        }
                                                } else if(x > about_left) { //触发关于页面
                                                        var aniShow = mui.os.plus ? "slide-in-right" : "zoom-fade-out";
                                                        mui.openWindow({
                                                                url: "html/byself-webview.html",
                                                                id: "info",
                                                                styles: {
                                                                        popGesture: "close",
                                                                        statusbar: {
                                                                                background: "#f7f7f7"
                                                                        }
                                                                },
                                                                show: {
                                                                        aniShow: aniShow,
                                                                        duration: 300
                                                                }
                                                        });
                                                }
                                        }, false);

                                        // 创建子webview窗口 并初始化
                                        var aniShow = {};
                                        util.initSubpage(aniShow);

                                        var nview = plus.nativeObj.View.getViewById('tabBar'),
                                                activePage = plus.webview.currentWebview(),
                                                targetPage,
                                                subpages = util.options.subpages,
                                                pageW = window.innerWidth,
                                                currIndex = 0;

                                        /**
                                         * 根据判断view控件点击位置判断切换的tab
                                         */
                                        nview.addEventListener('click', function(e) {
                                                var clientX = e.clientX;
                                                if(clientX > 0 && clientX <= parseInt(pageW * 0.3)) {
                                                        currIndex = 0;
                                                } else if(clientX > parseInt(pageW * 0.3) && clientX <= parseInt(pageW * 0.65)) {
                                                        currIndex = 1;
                                                } else if(clientX > parseInt(pageW * 0.65) && clientX <= parseInt(pageW * 1)) {
                                                        currIndex = 2;
                                                } else {
                                                        currIndex = 3;
                                                }
                                                // 匹配对应tab窗口       
                                                if(currIndex > 0) {
                                                        targetPage = plus.webview.getWebviewById(subpages[currIndex - 1]);
                                                } else {
                                                        targetPage = plus.webview.currentWebview();
                                                }

                                                if(targetPage == activePage) {
                                                        return;
                                                }

                                                if(currIndex !==
                                                        3) {
                                                        //底部选项卡切换
                                                        util.toggleNview(currIndex);
                                                        // 子页面切换
                                                        util.changeSubpage(targetPage, activePage, aniShow);
                                                        //更新当前活跃的页面
                                                        activePage = targetPage;
                                                } else {
                                                        //第四个tab 打开新窗口
                                                        plus.webview.open('html/new-webview.html', 'new', {}, 'slide-in-right', 200);
                                                }
                                        });
                                        //加载高德
                                        var mapObj = new AMap.Map('container', {
                                                resizeEnable: true,
                                                zoom: 10,
                                                center: [116.480983, 40.0958]
                                        });
                                        //定位
                                        mapObj.plugin('AMap.Geolocation', function() {
                                                geolocation = new AMap.Geolocation({
                                                        enableHighAccuracy: true, //是否使用高精度定位,默认:true
                                                        timeout: 10000, //超过10秒后停止定位,默认:无穷大
                                                        maximumAge: 0, //定位结果缓存0毫秒,默认:0
                                                        convert: true, //自动偏移坐标,偏移后的坐标为高德坐标,默认:true
                                                        showButton: true, //显示定位按钮,默认:true
                                                        buttonPosition: 'LB', //定位按钮停靠位置,默认:'LB',左下角
                                                        buttonOffset: new AMap.Pixel(10, 20), //定位按钮与设置的停靠位置的偏移量,默认:Pixel(10, 20)
                                                        showMarker: true, //定位成功后在定位到的位置显示点标记,默认:true
                                                        showCircle: true, //定位成功后用圆圈表示定位精度范围,默认:true
                                                        panToLocation: true, //定位成功后将定位到的位置作为地图中心点,默认:true
                                                        zoomToAccuracy: true //定位成功后调整地图视野范围使定位位置及精度范围视野内可见,默认:false
                                                });
                                                mapObj.addControl(geolocation);
                                                geolocation.getCurrentPosition();
                                                AMap.event.addListener(geolocation, 'complete', function(result) {
                                                        //                                                    var marker = new AMap.Marker({
                                                        //                                                        position: result.position,
                                                        //                                                        title: result.formattedAddress
                                                        //                                                            });
                                                        //                                                        marker.setMap(mapObj);

                                                }); //返回定位信息
                                                AMap.event.addListener(geolocation, 'error', function(e) {
                                                        console.log(e);
                                                }); //返回定位出错信息
                                        });
                                     
                                });
                                mui(".go-plan").on('tap', '.go-plan-title', function() {
                                        mui.openWindow({
                                                url: 'PathPlan.html',
                                                extras: {
                                                        name: 'mui'
                                                }
                                        });
                                });
                        })();
                </script>
        </body>


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|小黑屋|高德开发者论坛

Copyright ©2014 高德开发者论坛.All Rights Reserved |京ICP证070711号

意见反馈 常见问题 服务条款 联系我们
快速回复 返回顶部 返回列表