dongtan6695 2017-04-29 20:37
浏览 39

带有VueJS和Laravel集成的GoogleMaps API

I want to integrate a map via GoogleMaps API in my Laravel app. Therefore I chose a setup like this:

HTML

(...)
<body>

    <div class="wrapper wrapper-content animated fadeInRight">
        <div id="app">    
        </div>
    </div>

  <script src="https://maps.googleapis.com/maps/api/js?key=[APIKEY]&libraries=places,geometry&callback=app.init" async defer></script>

</body>
(...)

Javascript VUE

window.Vue = Vue;
window.Event = new class {
    constructor() {
        this.Vue = new Vue();
    }

    fire(event, data = null) {
        this.Vue.$emit(event, data);
    }

    listen(event, callback) {
        this.Vue.$on(event, callback);
    }
};

window.app = new Vue({
    el: '#app',
    components: {
        GISView: GISView
    },
    data: {
    },
    methods: {
        init: function() {
            this.$broadcast('MapsApiLoaded');
        }
    }
});

When loading the page I find in the dev tools console the message: enter image description here

Why is the function app.init not found, as I have set it up in my VUE instance?

  • 写回答

0条回答 默认 最新

    报告相同问题?

    悬赏问题

    • ¥15 jupyterthemes 设置完毕后没有效果
    • ¥15 matlab图像高斯低通滤波
    • ¥15 针对曲面部件的制孔路径规划,大家有什么思路吗
    • ¥15 钢筋实图交点识别,机器视觉代码
    • ¥15 如何在Linux系统中,但是在window系统上idea里面可以正常运行?(相关搜索:jar包)
    • ¥50 400g qsfp 光模块iphy方案
    • ¥15 两块ADC0804用proteus仿真时,出现异常
    • ¥15 关于风控系统,如何去选择
    • ¥15 这款软件是什么?需要能满足我的需求
    • ¥15 SpringSecurityOauth2登陆前后request不一致