无法在Google地图上添加标记

时间:2015-06-04 09:41:25

标签: android angularjs cordova google-maps-api-3 google-maps-markers

我正在开发一个需要将标记放在Google地图上的应用程序。当我在chrome中运行代码时,会识别click事件。但是,我正在测试代码的Android设备中无法识别触摸事件。

我正在使用Ionic,AngularJs和Cordova进行混合应用程序开发。

我的控制器看起来像这样:

.controller('Map', function($scope, uiGmapGoogleMapApi, uiGmapLogger,sharedProperties){

uiGmapGoogleMapApi.then(function(maps) {

$scope.map = { center: { latitude: 0, longitude: 0 }, zoom: 16 };
$scope.models = [];

$scope.events = {
    click: function (map, eventName, handlerArgs) {
        $scope.$apply(function () {
            $scope.models.push({
                id: $scope.models.length,
                latitude: handlerArgs[0].latLng.lat(),
                longitude: handlerArgs[0].latLng.lng(),
            });
        });
    }
};

});
})

html文件如下所示:

<ui-gmap-google-map center='map.center' zoom='map.zoom' events="events">
  <ui-gmap-markers models="models" coords="'self'" options="'options'"></ui-gmap-markers>
</ui-gmap-google-map>

有人可以为我解决这个问题吗?我将不胜感激!

1 个答案:

答案 0 :(得分:0)

将coords设置为地图中心就可以了! :d

texture