帶谷歌地圖的離子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

回答

相關問題