Spider markers google map native - google-maps

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.

Related

Google maps in Morocco

I would like to use Google maps in a Webapp that is targeted for Moroccans, the thing is the map works fine but the borders for Morocco is not complete. it's a political issue and I'm afraid that is going to cause problems for me. My question is: Is it possible to load in my App a different map that shows the Moroccan perspective of the borders knowing that I've seen it before in a GPS App that uses Google Maps. I tried using a different domain like maps.google.co.ma instead of maps.google.com but it didn't work.
Thanks a lot!
Just set region:"MA" in your API call options
if you're using a link
https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&region=MA

how can I create a custom google map (of a place that does not exist)

Is it possible for me to create a custom map using Google Maps APIs of an imaginary place?
Are there examples of uses like that?
It would be of a group of islands, part of a story i'm writing...
If it is possible, are there exemples online?
Thanks!
Daniel
The Google Maps Javascript API allows you to create a map and supply custom map tiles.
An example, the first I could find, is: http://maps.marlam.in/.
It's not easy and requires quite a lot of PNGs (if you want detail), but a description of how this particular example was built can be found here
I would recommend a Google Maps API tutorial: https://developers.google.com/maps/documentation/javascript/tutorial
You should take a look at the chapter about Image Map Types
And here you have a working example.

Query existing, public Google Map via the Google Maps API v3

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

How can one get this texture or background on google maps?

Please take a look at this implementation of http://map.embed.ly/ [google maps][1] . Would like to know how it can be achieved ? I have seen only satellite, hybrid implementation this seems new to me
Ankur
It looks like a well done custom overlay on top of Google Maps API (v3).
The GMAP API website has an example that shows the code as well as the output. Good luck!
What you're looking at doing is implementing the Google Maps API. It provides methods for placing custom overlays and data sets into a Google Maps interface:
http://code.google.com/apis/maps/index.html

How do I remove 'Earth' button from Google Maps?

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?