Angular Google Maps vs Ionic Native Google Maps?


#1

Angular Google Maps vs Ionic Native Google Maps ?
Which one do you think is better on Ionic?


Why native google maps is removed?
#2

It is depends on your skill level and your app purpose.
If you want to create your app for browser, android, and ios, just use JS API.
If you want to create your app for Android and iOS only, I recommend to use the native maps api.

By the way, the native maps API does not have the maps usage API limit (aka 2,500 times /day),
and it can display 3D rendering.

However, if you are the first time programming with Google Maps API, try the JS API at first.


#3

I don’t need browser feature this time.
I’ve been using Google Maps yes… let me try both and see which one is faster.


#4

I don’t enforce which one is suitable for you. You can pick one for your skill level. Please take enough time before starting.

The biggest different point is the mechanism of rendering.

The Google Maps JavaScript API v3 (the angular-google-maps is a wrapper of this library) loads map tiles from Google Server through the Internet.
Basically, 256px x 256px x N tiles.

The native Google Maps API has own rendering engine, thus the native API gets only information, it is less than the above.


#5

Thanks for your response. I’m into faster performance so let me figure out which one works better for my app.
In terms of size, I guess Native Google Maps will make APK file size bigger when installed?


#6

Application file size becomes bigger than the other one which use the JS API.

Well, as I said, it is depends on your purpose.

If you just want to display couple of locations on the map, I recommend you use the JS API.
You can create the map soon, and file size is small.

If you need more performance, such as mapping bunch of locations, I recommend you use the native maps plugin.
You can see the quick demo app.


#7

I need to show hundreds of locations dynamically so In my case it’s best to go with native maps.

Thanks,


#8

@jamesharvey @tonystark007

If you want to know what you can do with the native maps plugin, check out here.
https://docs.google.com/presentation/d/e/2PACX-1vScoho1ensbR4qCI9AIuQN55BZVvK73pAjI7sumDvW3CrxxHnrmpXWUjx2-8CpFibqU1EjLKCRhuthJ/pub?start=false&loop=false&delayms=3000&slide=id.p

If you wan to know what you can do with the JS api, check out here.


#9

The presentation slide show is perfect! thanks again


#10

can native maps plugin display distance between two markers? the slideshow doesn’t have this info…
and can it allow users to change start marker?


#11

Some utils to help you calculate distance: https://github.com/firebase/geofire-js/blob/master/src/geoFireUtils.js

And: https://stackoverflow.com/questions/46630507/how-to-run-a-geo-nearby-query-with-firestore


#12

If you want to know the distance from A to B, use Sperical.computeDistanceBetween()

If you want to draw the route from A to B, you need to get the route through the Google Directions API, then draw it.


#13

And, D3 supports GeoJSON: http://d3indepth.com/geographic/


#14

Perfect, I’m going with native plugin. Thank you guys!


#15

The native Google Maps API has mostly the same functionally with the JS API, and mostly the same method names.

There are bunch of examples on the official document page, please check out examples.

And demo app.