小编Mar*_*ert的帖子

标记点击事件未在地图控制器中为ui-gmap-marker触发

我有一个带谷歌地图控制器的应用程序.我在手机上运行时,点击事件不会触发.但是,当我在纹波仿真器上测试时,click事件会触发.下面是地图页面和相应的Controller.

<ons-toolbar>
<div class="left"><ons-back-button>Back</ons-back-button></div>
<div class="center page-title">Map MapController2</div>
</ons-toolbar>

<ui-gmap-google-map center="map.center" refresh="true" zoom="map.zoom" draggable="true">

    <ui-gmap-marker idkey="marker.id" ng-repeat="marker in map.markers" coords="marker" icon="marker.icon" click="onMarkerClicked()">
        <ui-gmap-window show="windowOptions" coords="marker" closeClick="closeClick">
            <div style="color: black">
        {{marker.title}}<br/>
        at {{marker}}
            </div>
        </ui-gmap-window>
    </ui-gmap-marker>

</ui-gmap-google-map>
Run Code Online (Sandbox Code Playgroud)

// Map Controller
app.controller('MapController2', function($scope, $rootScope, $http) {
    var data = {};

    data.map = {
        zoom: 12,
        center: {
            latitude: 27.949,
            longitude: -81.958
        },
        markers: [
            {
                id: 1,
                icon: 'img/blue_marker.png',
                latitude: 27.949,
                longitude: -81.999,
                title: 'This is where you are asdf;lkj  asdf;lj  ;asdf;lkasf; …
Run Code Online (Sandbox Code Playgroud)

javascript google-maps google-maps-api-3 angularjs

3
推荐指数
1
解决办法
6640
查看次数