带谷歌地图的离子Sidemenu

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

有人能让我知道这可以实现吗？

修订

我发现在codepen here类似的东西，并试图采取同样达到我的要求。但仍然面临一些问题。

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

我认为这个问题是在此代码

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

..... 

}

永远不会执行此功能的地方。

有人可以指出我做错了什么吗？

来源

2015-06-09 Guru Prasad Venkatarao

您应该查看Ionic入门http://ionicframework.com/getting-started/。有一个带sidemenu的模板。另外，您可以在Google地图上寻找一些AngularJS指令，例如http://angular-ui.github.io/angular-google-maps/#!/ – e666

我有完全相同的问题，我认为你可能是像我一样的角/离子新手。究其原因，因为你已经想通了，是该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>

PS在查看你的代码之后，你需要解决的第一个问题就是google api key。如果你看第24行，你会看到

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

并且你需要用一个有效的键替换它。检出Obtaining an API Key。

让我知道你是否仍然有问题！

来源

2015-07-19 06:34:01 Coffee

带谷歌地图的离子Sidemenu

回答

相关问题