I am using react-native-maps library with expo to render google maps for android and ios.
At some point, I need to render map in first person view mode, something like this:
I've read react-native-maps documentation and searched github and stackoverflow questions to get an answer but wasn't able to find any.
Can I achieve this using this library?
EDIT:
After many research, I've found #1544 which allows us to rotate map, change view angle, etc.
But there is one little problem, functions animateToBearing and animateToViewingAngle are still working fine, but they are deprecated. And new function animateCamera leads me to another problem
Related
I would like to know if there is a solution for ionic 2 like this:
https://github.com/jawj/OverlappingMarkerSpiderfier
This is using the javascript api of google maps. I need a solution with ionic native maps.
Thanks
The marker clustering of the cordova-googlemaps-plugin (ionic google maps) has been working currently.
https://github.com/mapsplugin/cordova-plugin-googlemaps/issues/1006
If you are really interested in, please contact to me by e-mail.
If you are just interested in, please wait for a while. The feature will be public in a month (and for ionic 2).
Instead of using a spider markers, a CSS change can handle the situation. Like if multiple exist on single point multiple can be shifted up by some px.
Since the latest Google Maps update in 2013, is there a way or a resource that can be used for simple embedding Google Maps?
I have tried using the old maps system but it does not produce desired results.
Also, I have tried using Google Maps Engine, no luck there as well, because you are only served with a link to share, not embed code.
After extensive research on the topic I found no simple way of embedding new Google Maps. Problem will possibly go away once Google decides to update Google Maps. However, I have not seen Google Maps development roadmap and so I can't really vouch for them.
Apart from using simple solution, there are two others (not so simple of course) that might provide a decent substitution.
Solution 1
Using Google Maps API where you can find Developer guides, API reference and code samples. There is no easy way about this, simply follow the instructions and review examples that Google has supplied. Hopefully there might be something in it that will help you.
Simple guide to Google Maps API
Solution 2
Using Google Maps Engine will offer you a way to create your own map. Once you have created a map, added pins, points, routes, etc. at the end you can select option to share. However, option to share just allows you to share a link, not embed. I just wanted to point out this "feature", if you will, of the system.
To embed a map you have to click on a folder in the upper left corner. Shown on the image below and select Embed on my site option.
In the bottom right corner of the map you'll see a cogwheel. Click it.
Click on "Share and embed map";
Choose the size you need from the drop-down menu or choose the custom option;
Click in the box to the right that starts with <iframe src="https://www.google The code should be highlighted. copy and paste it into your web page or blog.
Simples!
I am trying to embed an existing, public Google Map into a website. Specifically this one:
http://goo.gl/maps/cHf2
Of course I could use the iframe embed to achieve this, but I would like a little more control over the map … I imagined being able to pull all the markers from the map and display them as an index next to the map. Kind of like Google already does, but embedded in my page with my own styles and images.
I have been digging through Google, Stack Overflow and the API instructions and couldn’t find any relevant posts. In the GET string of the map on Google we can see this chunk:
&msid=212828439842926497866.0004bfae4da003d8ffd1f&mid=1341413217
I thought in there might be a maps ID and I could use it to query the content of the map through the API? The intention is using Google Maps as a CMS for less technical minded people and not dealing with geo data in our own CMS.
Any help would be greatly appreciated. Maybe I am just missing the forest for the trees.
You can download the kml that specifies the markers in that page and display that on your API based map. This example defaults to displaying it using geoxml3, but you can hide that and display the KmlLayer version.
You should be able to just point KmlLayer to the link (I downloaded the kml and put it on my server so it would work with geoxml3).
Here is an example (taken directly from the documentation) that does that
here is the original
I'm using the Google Maps generator to create a few maps for a client. The maps embeded on the site are a bit small (255x176), so map real state is crucial. I've already removed the balloon, but can't find a way to remove the "Earth" view button from it (all newly generated maps come with it now, 4 views in total).
The annoying part is that the "Earth" view requires a Google Earth plugin to be used anyway, something the client could live without - me too.
Any advices there? Feedback will be greatly appreciated!
Cheers,
Wallace
You may customize the map controls using the MAPS API.
Visit http://code.google.com/apis/maps/documentation/javascript/controls.html#DefaultUI
Look for MapTypeControlOptions and pass appropriate map type you want to show.
Refer http://code.google.com/apis/maps/documentation/javascript/reference.html#MapTypeControlOptions
http://code.google.com/apis/maps/documentation/javascript/reference.html#MapTypeId
If using the default UI, you would get only the map types in G_DEFAULT_MAP_TYPES, which does not include the Earth map type (G_SATELLITE_3D_MAP).
This means your generator is adding this map type explicitly. So you should be able to simply look for G_SATELLITE_3D_MAP in the javascript you get from the generator, and remove references to it.
If you are still having troubles, can you provide a link to the map generator you are using?
How do do i add them to my google map ? I've added the marker manager
<script src="http://gmaps-utility-library.googlecode.com/svn/trunk/markermanager/release/src/markermanager.js"></script>
And used the same syntax as in the documentation but they don't show up. The coordinates are correct . Can someone please dumb it down for me . Also does the zoom level have to be to a specific value for me to see them ?
For anyone else in trouble
http://code.google.com/apis/maps/documentation/javascript/examples/index.html
Andrei,
I found the Google Android MapView tutorial to be very helpful:
http://developer.android.com/guide/tutorials/views/hello-mapview.html
It covers creating a basic map application, as well as adding overlays to the MapView, and links to the directions for obtaining the necessary API key. Unfortunately (like a lot of Google's example code, apparently), there are a couple errors in the directions, but I was able to fix those fairly easily.
For example, the definition of your Overlay Class should be:
public class HelloItemizedOverlay extends ItemizedOverlay<OverlayItem>
Which not precisely what the directions say. Eclipse turns out to be very helpful in fixing the problems with this, though.
As to your question about zoom level, it has been my experience that all of your overlays will be displayed as long is your zoom level (or pan state) allows it. If you push them off the screen, they're not displayed, obviously, but not lost either.
R.