[react,ES6]我无法从我自己的JS页面访问index.html中http脚本标签中的对象

时间:2017-05-29 04:10:59

标签: javascript reactjs ecmascript-6

这是我的index.html中的脚本

<script type="text/javascript"  src="http://api.map.baidu.com/api v=2.0&ak=eBGR7XzaPhB5UbYARl3E7ksdkMdgrCw7"></script>

我尝试从我的JS页面中的脚本访问一个对象 - “BMap”,如下所示:

var map = new BMap.Map("allmap");    // 创建Map实例

然后我收到错误:“error! BMap is not defined

我该怎么办?

1 个答案:

答案 0 :(得分:0)

我猜你想要使用baidu api提供的BMap。我改变了实际指向脚本的src,它似乎工作。请注意,您可能希望在本地开发时将https更改为http,否则可能无效。请参阅下面的工作示例(我必须使用https,因为stackoverflow默认使用它)。

如果您有任何其他使用BMap的js模块,请确保在声明baidu api脚本之后将其命名为。小号

&#13;
&#13;
<html>
    <head>
        <script type="text/javascript" src="https://api.map.baidu.com/getscript?v=1.1&ak=&services=true&t=20130716024058"></script>
        <script type="text/javascript" src="../path/test.js"></script>
        <script type="text/javascript" src="../otherpath/someOtherjs.js"></script>
    </head>

    <body>
        <script>
        // You can use BMap here...
        console.log(BMap);
        </script>
    </body>
</html>
&#13;
&#13;
&#13;