Code Monkey home page Code Monkey logo

ignite-maps's Introduction

Ignite Maps Plugin

Why is this archived?

We really appreciate all the community support in the years since we first released ignite-maps. Our focus has shifted to the latest version of Ignite, which does not have a plugin-based architecture (read more here). Feel free to fork this library and continue on its legacy if you want.

This plugin adds react-native-maps to your Ignite React Native project and configures it so it works out of the box with Ignite projects. It also includes a couple generators to help you quickly add map components and callouts.

Map example screenshot

Usage

$ ignite add maps
$ ignite generate map StoreLocator

This adds ignite-maps and generates a component at ./App/Components/StoreLocator.js.

Contributing

  1. Clone this repo
  2. Run npm install
  3. Run npm test
  4. Check out a branch and make your changes
  5. Write tests for those changes
  6. Submit a pull request back upstream

Premium Support

Ignite and ignite-maps, as open source projects, are free to use and always will be. Infinite Red offers premium Ignite and ignite-maps support and general mobile app design/development services. Email us at [email protected] to get in touch with us for more details.

License

This plugin is licensed MIT by Infinite Red, Inc., and was created by Jamon Holmgren, Steve Kellock, and Robin Heinze.

ignite-maps's People

Contributors

carlinisaacson avatar derekgreenberg avatar gantman avatar jamonholmgren avatar kdubb1337 avatar mengheangrat avatar robinheinze avatar ryanlntn avatar semantic-release-bot avatar skellock avatar

Stargazers

 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  avatar  avatar  avatar  avatar

ignite-maps's Issues

Can't install maps


What's going on?

ignite add maps
βœ– Cannot read property 'includes' of undefined

Steps to reproduce

ignite new proj
ignite
ignite new proj
ignite add maps
---

`ignite doctor` results:

System
platform linux
arch x64
cpu 8 cores Intel(R) Core(TM) i7-9700K CPU @ 3.60GHz
directory proj /home/alex/proj

JavaScript
node 12.16.1 /usr/bin/node
npm 6.14.2 /usr/local/bin/npm
yarn 1.22.4 /usr/bin/yarn

Ignite
ignite-cli 3.5.1 /home/alex/.yarn/bin/ignite
ignite src build /home/alex/.config/yarn/global/node_modules/ignite-cli/build
generators {"map":"ignite-maps","map-utilities":"ignite-maps","map-callout":"ignite-maps"}

Android
java - null
android home - undefined

Better default region parameters

I just spent about 2 hours searching for a solution to a problem that wasn't actually a problem...

When using the MapObject that is created when adding the maps plugin, the initial view is somewhere in the middle of the ocean, the complete map is only blue. So I thought it was broken...

But changing the initial region values to the ones from the react-native-maps examples, it shows a (real) map and even the default markers...
Those are the values:

const region = { latitude: 37.78825, longitude: -122.4324, latitudeDelta: 0.0922, longitudeDelta: 0.0421}

Maybe this can be update in a future update?

Thanks for the plugin, anyways :)

App crashes with error in logcat: java.lang.NoSuchMethodError: No virtual method zzBM()Lcom/google/android/gms/dynamic/LifecycleDelegate in class Lcom/google/android/gms/maps/MapView$zzb; or its super classes

So 0.13.0 was not working on android at all for me even with the same play-services versions (got the error from the title). Then i upgraded to 0.15.0 and got a new error.

nknown:ViewManagerPropertyUpdater: Could not find generated setter for class com.airbnb.android.react.maps.SizeReportingShadowNode

05-09 14:22:33.382  4346  4346 D AndroidRuntime: Shutting down VM

05-09 14:22:33.382  4346  4346 E AndroidRuntime: FATAL EXCEPTION: main

05-09 14:22:33.382  4346  4346 E AndroidRuntime: Process: com.rhinoapp, PID: 4346

05-09 14:22:33.382  4346  4346 E AndroidRuntime: java.lang.AbstractMethodError: abstract method "void com.google.android.gms.dynamic.zza.zza(com.google.android.gms.dynamic.zze)"

05-09 14:22:33.382  4346  4346 E AndroidRuntime: 	at com.google.android.gms.dynamic.zza.zza(Unknown Source)

After googling I found this: react-native-maps/react-native-maps#669
Now it's working and my build.gradle looks like this now:

    compile(project(':react-native-maps')){
        exclude group: 'com.google.android.gms', module: 'play-services-base'
        exclude group: 'com.google.android.gms', module: 'play-services-maps'
    }
    compile "com.google.android.gms:play-services-base:+"
    compile 'com.google.android.gms:play-services-location:+'
    compile 'com.google.android.gms:play-services-maps:+'

If you guys are updating the ignite-maps plugin to 0.15.0 don't forget that there is a /lib subfolder in the new version now, so settings.gradle needs to be like this now:

include ':react-native-maps'
project(':react-native-maps').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-maps/lib/android')

painlessly

lol. painlessly!!!! 1 day wasted installing it. another to get it to run. still not working on 3rd day. pizzaApp doesn't run properly. and now im getting message: ignite-ir-boilerplate is not available on npm.

Update commands to support Ignite 3

The command interface changed with Ignite 3 from supporting functions as commands to requiring an object with a run property. As reported here this is causing issues running ignite commands in general when this plugin is installed.

Action required: Greenkeeper could not be activated 🚨

🚨 You need to enable Continuous Integration on all branches of this repository. 🚨

To enable Greenkeeper, you need to make sure that a commit status is reported on all branches. This is required by Greenkeeper because we are using your CI build statuses to figure out when to notify you about breaking changes.

Since we did not receive a CI status on the greenkeeper/initial branch, we assume that you still need to configure it.

If you have already set up a CI for this repository, you might need to check your configuration. Make sure it will run on all new branches. If you don’t want it to run on every branch, you can whitelist branches starting with greenkeeper/.

We recommend using Travis CI, but Greenkeeper will work with every other CI service as well.

Add map-utilities to readme

I found out about ignite generate map-utilities through a generated file. But it would be good to have information about that command in the Readme also.

Prompt user for Maps ID

Prompt user during ignite add maps

Google Maps on Android requires an API Key.  This can be acquired from 
https://developers.google.com/maps/android/?authuser=1

What would you like to do?
> Enter my Google Maps API key
  Borrow a key promise to never push that to production 🀞
  Skip it! I'm not supporting Android

Option 1: We insert the key for them.
Option 2: We insert the same old key we've been using since Ignite 1
Option 3: Show them the friendly message like we added in #7

ignite g map does nothing

What's going on?

After running
ignite add maps

I am trying to run

ignite g map <name>

And nothing happens.

Output:
image

Switching to node 12.13.1 results in the following -
image


Steps to reproduce

  • Create a project with ignite andross
  • Run ignite add maps
  • Run ignite g map <mapname>

ignite doctor results:

System
  platform           linux                                                 
  arch               x64                                                   
  cpu                8 cores      [Redacted]
  directory          MobileApp    /home/[Redacted]/MobileApp    

JavaScript
  node               10.15.1      /home/ Redacted]/.nvm/versions/node/v10.15.1/bin/node 
  npm                6.10.2       /home/[Redacted]/.nvm/versions/node/v10.15.1/bin/npm  
  yarn               1.13.0       /home/[Redacted]/.yarn/bin/yarn                       

Ignite
  ignite-cli           3.4.0                                                                                                                                                                                                                                                                      /home/[Redacted]/.yarn/bin/ignite                                  
  ignite src           build                                                                                                                                                                                                                                                                      /home/[Redacted]/.config/yarn/global/node_modules/ignite-cli/build 
  createdWith          3.4.0                                                                                                                                                                                                                                                                                                                                        
  boilerplate          ignite-andross                                                                                                                                                                                                                                                                                                                               
  examples             classic                                                                                                                                                                                                                                                                                                                                      
  navigation           react-navigation                                                                                                                                                                                                                                                                                                                             
  askToOverwrite       true                                                                                                                                                                                                                                                                                                                                         
  generators           {"component":"ignite-andross","container":"ignite-andross","list":"ignite-andross","redux":"ignite-andross","saga":"ignite-andross","screen":"ignite-andross","listview":"ignite-andross","map":"ignite-maps","map-utilities":"ignite-maps","map-callout":"ignite-maps"}                                                                     
  boilerplateVersion   4.1.2                                                                                                                                                                                                                                                                                                                                        

Android
  java               11.0.5       /usr/bin/java                   
  android home       -            /home [Redacted]/dev/Android/Sdk 

Action required: Greenkeeper could not be activated 🚨

🚨 You need to enable Continuous Integration on all branches of this repository. 🚨

To enable Greenkeeper, you need to make sure that a commit status is reported on all branches. This is required by Greenkeeper because we are using your CI build statuses to figure out when to notify you about breaking changes.

Since we did not receive a CI status on the greenkeeper/initial branch, we assume that you still need to configure it.

If you have already set up a CI for this repository, you might need to check your configuration. Make sure it will run on all new branches. If you don’t want it to run on every branch, you can whitelist branches starting with greenkeeper/.

We recommend using Travis CI, but Greenkeeper will work with every other CI service as well.

App keep shutting down despite I follow the steps.

Problem: The app kept shutting down before begin to reach the first page.

Steps to problem:

  1. I create new project using ignite CLI.
  2. Then add the plugin maps by "ignite add maps".
  3. Then, I update API key in the AndroidManifest.xml (already turned on Maps for Android SDK).

Ignite doctor results are below:
System
platform win32
arch x64
cpu 4 cores Intel(R) Core(TM) i5-7200U CPU @ 2.50GHz
directory C:\Users\Asus\Desktop\Coder's Playgrounds\GMapsHelp\src

JavaScript
node 10.13.0 C:\Program Files\nodejs\node.EXE
npm 6.4.1 C:\Program Files\nodejs\npm.CMD
yarn 1.13.0 C:\Program Files (x86)\Yarn\bin\yarn.CMD

React Native
react-native-cli 2.0.1
app rn version 0.57.7

Ignite
ignite 2.0.0 C:\Users\Asus\AppData\Roaming\npm\ignite.CMD

Android
java - C:\Program Files (x86)\Common Files\Oracle\Java\javapath\java.EXE
android home - C:\Users\Asus\AppData\Local\Android\Sdk

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.