谷歌地图标记对Ionic Bundle参考没有反应

时间:2015-03-23 19:01:05

标签: javascript html angularjs google-maps ionic-framework

我的谷歌地图标记在我的应用中正确加载,但没有响应(例如没有显示标签)。

我在离子束中推断出了这个问题。

this example的顶部,您会看到两个引用:

    <!--With the reference below, map markers respond to touch on mobile device (iPhone)-->
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.3/angular.min.js"></script>

    <!--With the reference below, map markers DO NOT respond to touch on mobile device (iPhone)-->
    <script src="http://code.ionicframework.com/1.0.0-rc.1/js/ionic.bundle.min.js"></script>

如果我只引用angularjs,那么我可以点击标记并获得标题。

如果我引用ionicbundle(包含angularjs),点击标记在我的移动设备(iPhone)上什么都不做。

它仍然适用于浏览器测试。

注意:如果您决定测试离子束,则需要更改此行:

angular.module('app', ['uiGmapgoogle-maps'])

到此:

angular.module('app', ['ionic','uiGmapgoogle-maps'])

为了正确加载离子骨架。

另外,只是FYI,然后离子束参考1.3.6而不是1.3.3。您可以将anguarjs参考更改为1.3.6,它仍然有效。

1 个答案:

答案 0 :(得分:0)

Perry GovierGitHub上给了我答案:

data-tap-disabled="true"添加到#map_canvas