项目作者: Big-Silver

项目描述 :
Ionic-GoogleMap
高级语言: JavaScript
项目地址: git://github.com/Big-Silver/Ionic-GoogleMap.git
创建时间: 2017-03-15T22:44:04Z
项目社区:https://github.com/Big-Silver/Ionic-GoogleMap

开源协议:

下载


Ionic and Google Maps Native SDK v2

About

Using using Google Maps Native SDK v2 and Ionic Framework, create the Ionic-Google_Map project.
This Ionic-Google_Map example is written by [Big Silver].

Dependencies

  • Ionic CLI installed (required)
  • Cordova 5.x.x installed (required)
  • *Android and/or iOS environment installed (optional, but required if you don’t have devices to test)

*To run the starter inside an Android Virtual Device, you need request Google Play Services into the Android Emulator Environment and change the project configurations to use it.

Quick Start

For begin, clone this project and run the following commands in your terminal:

  1. $ git clone https://github.com/Big-Silver/Ionic-GoogleMap.git ionic-google-maps-starter
  2. $ cd ionic-google-maps-starter
  3. $ npm install
  4. $ ionic serve

And add Google Maps JavaScript SDK API_Key in index.html

  1. In index.html
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
  7. <title></title>
  8. <link href="lib/ionic/css/ionic.css" rel="stylesheet">
  9. <link href="css/style.css" rel="stylesheet">
  10. <script src="lib/ionic/js/ionic.bundle.js"></script>
  11. <script src="cordova.js"></script>
  12. <script src="js/app.js"></script>
  13. </head>
  14. <body ng-app="starter">
  15. <ion-pane>
  16. <ion-header-bar class="bar-stable">
  17. <h1 class="title">Ionic Blank Starter</h1>
  18. </ion-header-bar>
  19. <ion-content>
  20. </ion-content>
  21. </ion-pane>
  22. <script src="http://maps.googleapis.com/maps/api/js?key=[YOUR_KEY_HERE]&sensor=true"></script>
  23. </body>
  24. </html>