Question

我正在寻找一个解决方案，我需要有Ionic sidemenu，主页应该有谷歌地图和当前位置。

有人可以告诉我这是如何实现的吗？

已更新

我在codepen here上发现了类似内容，并试图采用相同的方法来实现我的要求。但仍面临一些问题。

我的codepen链接是http://codepen.io/guruprasadvenkatarao/pen/zGdYNr

我认为问题出现在这段代码中

google.maps.event.addDomListener(window, 'load', function() {

.....

}

此功能永远不会执行。

有人能指出我做错了吗？

Answer 1

我遇到了完全相同的问题，我认为你可能是像我这样的角色/离子新手。正如您已经想到的那样，原因是addDomListener永远不会被触发，因此如果您希望在触发视图时初始化地图，而不是

google.maps.event.addDomListener(window, 'load', function() {
    // ....
}

只是做

$scope.initMap = function() {
    // your code here
}

并将函数添加到地图div中，如下所示：

<ion-view view-title="Map View">
    <ion-content>
        <div id="map" data-tap-disabled="true" ng-init="initMap()"></div>
    </ion-content>
</ion-view>

P.S。查看代码后，您需要修复的第一个问题是google api密钥。如果你看第24行，你会看到

<script src="http://maps.googleapis.com/maps/api/js?key=<Google API key>=true"></script>

您需要使用有效密钥替换它。查看Obtaining an API Key。

如果您还有问题，请告诉我们！

Ionic Sidemenu与谷歌地图

1 个答案: