Giter VIP home page Giter VIP logo

ionicthemes / ionic-3-google-maps-google-places-geolocation Goto Github PK

View Code? Open in Web Editor NEW
32.0 6.0 36.0 1000 KB

This repository is part of an ionic tutorial about Maps! In this tutorial we merged Google maps, Geolocation and Google Places. This ionic tutorial includes a working example you can reuse for your needs!

Home Page: https://ionicthemes.com/tutorials/about/ionic-2-google-maps-google-places-geolocation

TypeScript 43.22% CSS 16.21% HTML 19.65% JavaScript 20.91%
ionic-tutorial geolocation googlemaps-api googlemaps ionic2 ionic3 ionicframework

ionic-3-google-maps-google-places-geolocation's Introduction

This repository is part of an ionic tutorial about Google Maps! In this ionic app example we merged Google maps, Geolocation and Google Places, three of the most important features when we talk about location based apps, into one functional and easy to understand example so you can master the concepts behind location based apps. This ionic tutorial includes a working ionic app example you can reuse for your needs!

Check the complete step by step tutorial in: https://ionicthemes.com/tutorials/about/ionic-2-google-maps-google-places-geolocation

Installation

Install dependencies

npm install

Run the ionic app

You try this app on the browser by running the following command:

ionic serve

ionic-3-google-maps-google-places-geolocation's People

Contributors

djabif avatar kyleschmolze avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

ionic-3-google-maps-google-places-geolocation's Issues

Searchbar not working

I just copy pasted the whole code but my searchbar isnt showing any options for places search.
@agustinhaller @djabif @gonzad77

I'm getting this in my console though:

Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for more details. Fallback font will be used while loading: http://code.ionicframework.com/assets/fonts/28882F_1_0.woff ionic-lab:1 Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for more details. Fallback font will be used while loading: http://code.ionicframework.com/assets/fonts/28882F_0_0.woff js:95 You have included the Google Maps JavaScript API multiple times on this page. This may cause unexpected errors. Eg @ js:95 (anonymous) @ js:159 google.maps.Load @ js:18 (anonymous) @ js:159 (anonymous) @ js:160 core.js:3688 Angular is running in the development mode. Call enableProdMode() to enable the production mode. storeSuggest.ts:30 ionViewDidLoad storeSuggestPage content.js:642 Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for more details. Fallback font will be used while loading: http://localhost:8100/assets/fonts/roboto-regular.woff2 util.js:66 Native: tried calling StatusBar.styleDefault, but Cordova is not available. Make sure to include cordova.js or run in a device/simulator cordovaWarn @ util.js:66 checkAvailability @ plugin.js:24 callCordovaPlugin @ plugin.js:113 (anonymous) @ plugin.js:267 value @ decorators.js:132 (anonymous) @ app.component.ts:40 t.invoke @ polyfills.js:3 onInvoke @ core.js:4760 t.invoke @ polyfills.js:3 r.run @ polyfills.js:3 (anonymous) @ polyfills.js:3 t.invokeTask @ polyfills.js:3 onInvokeTask @ core.js:4751 t.invokeTask @ polyfills.js:3 r.runTask @ polyfills.js:3 o @ polyfills.js:3 e.invokeTask @ polyfills.js:3 p @ polyfills.js:2 v @ polyfills.js:2 util.js:66 Native: tried calling SplashScreen.hide, but Cordova is not available. Make sure to include cordova.js or run in a device/simulator cordovaWarn @ util.js:66 checkAvailability @ plugin.js:24 callCordovaPlugin @ plugin.js:113 (anonymous) @ plugin.js:267 value @ decorators.js:132 (anonymous) @ app.component.ts:41 t.invoke @ polyfills.js:3 onInvoke @ core.js:4760 t.invoke @ polyfills.js:3 r.run @ polyfills.js:3 (anonymous) @ polyfills.js:3 t.invokeTask @ polyfills.js:3 onInvokeTask @ core.js:4751 t.invokeTask @ polyfills.js:3 r.runTask @ polyfills.js:3 o @ polyfills.js:3 e.invokeTask @ polyfills.js:3 p @ polyfills.js:2 v @ polyfills.js:2 ?ionicplatform=android&http://localhost:8100/ionic-lab:1 Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for more details. Fallback font will be used while loading: https://fonts.gstatic.com/s/amita/v3/HhyaU5si9Om7PTloC_U.woff2 util.js:226 Google Maps JavaScript API warning: NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys Jw.j @ util.js:226 (anonymous) @ js:159 (anonymous) @ js:63 (anonymous) @ js:60 (anonymous) @ js:63 _.S @ js:63 (anonymous) @ js:63 _.A @ js:32 _.Xd @ js:63 (anonymous) @ js:159 setTimeout (async) (anonymous) @ js:159 google.maps.Load @ js:18 (anonymous) @ js:159 (anonymous) @ js:160

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.