Mapbox or Google Maps. Is this possible? - google-maps

I have a custom map from a client. They want to either use Mapbox or google maps to add markers to it. The problem is they've customized how the world map actually looks. It doesn't show on the map image attached, but they cut off Alaska, and want to show it directly under Texas as a floating state. They also want to show so other states in an odd order. To the right of Alaska they want Hawaii, Puerto Rico, US Virgin Islands.
Two issues here:
1) Can this be done? I can't find any information about cutting pieces of a map up by moving states around.
2) If I CAN do this, will the geocoding still work for the map? Cause now Alaska is way the heck down there.

As far as I know, yes to both of your issues.
Now, to answer your issues:
1) Can this be done? I can't find any information about cutting pieces of a map up by moving states around.
As discussed in Translate your project from Google to Mapbox, you have options to customize maps and features. Then, any customized project created in the Mapbox Editor or uploaded from Mapbox Studio Classic will have a Map ID. Use the Map ID when initializing the map to add it as the active layer.
2) If I CAN do this, will the geocoding still work for the map? Cause now Alaska is way the heck down there.
Yes, geocoding will still work. With Mapbox, L.mapbox.geocoder() will gladly geocode your addresses.
Please try going through the given documentation for more information and for sample codes. Hope that helps!

Related

Georeferencing of image (like Google Floor Plans)

I have a building floor plan and I need to specify its position on top of google map.
I like the way this is done in Google Floor Plans app - screenshot(the right part with map) - but I cannot figure out how they made it! :)
What part in Google Maps API I should look at?
In short - I have an image (plan of floor), and need to show it on top of Google Map and be able to manipulate with it (changing dimensions on events).
I'm thinking you'll want to implement a custom overlay. That link provides the relevant instructions for doing so. Also, Google provides a simple example so you can see the result here. Is that sort of what you're going for?
#Cianan Sims: Well, sure, I want custom overlay, but how is the question :-)
Fortunately, Google published tool called Overlay Tiler, which does exactly what I wanted - georeferencing of the image.

Custom Shape overlay in Google Maps

Objective: I'm trying to trace the NYC Boroughs in an overlay to google maps.
Issue: I can't find a proper shape. If i go to google maps and search for Bronx, I will get a nice outline of the Bronx. My problem is none of the shapes in the google documentation seem to fit with what i'm trying to do. The best match looks like a polygon, but that doesn't work well with all of the borders because of all the jaggedness. I'm trying to use overlays because I need them to be clickable
https://maps.google.com/maps?q=manhattan&ie=UTF-8&hq=&hnear=0x89c2588f046ee661:0xa0b3281fcecc08c,Manhattan,+New+York,+NY&gl=us&ei=thEQUISLBO610AG4qYDYCA&ved=0CKkBELYD
vs
http://jsfiddle.net/xHKB7/5/
I don't need to individually trace each island, as what I'm doing is not that precise - but if you look at queens i don't see how i can reasonably use a polygon to capture this shape
https://maps.google.com/maps?q=manhattan&ie=UTF-8&hq=&hnear=0x89c2588f046ee661:0xa0b3281fcecc08c,Manhattan,+New+York,+NY&gl=us&ei=thEQUISLBO610AG4qYDYCA&ved=0CKkBELYD
I've tried starting at the center, and then tracing the border because i've found this to give me the best detail from all sides, but it obviously leaves this ugly line.
http://jsfiddle.net/xHKB7/6/
FusionTables contains some data that might be useful to you:
Bronx - from New York State counties
Richmond Cty (Staten Island) - from New York State counties
(from this page)
Not sure if this is any better than the one you drew.

Google Maps streetview shows awesome panoramio photos in China - can we do this?

If you have a look at Google Maps and search for some place in China like Tiananmen Square for example, then drag out the little streetview man, he does not go on the roads like normal... instead there is a scattering of little blue dots where he can stand and get a view.
This is similar to a panoramio layer but much slicker, and it lets you click between photos taken within the same field of view.
This is all great, except when I turn on the streetview control with Google maps API v3 on the website I'm developing (which is about tourist destinations in China), it lets you drag the man around but then he turns grey like there is no data. There are no blue dots and he can't see anything.
I'm wondering if there is a way to turn on that same streetview panoramio mode that they have in maps.google.com? Possibly they won't let us have access to that yet....
I could add a normal panoramio layer but I am really wanting to have that really nice blue dot thing happening.
Pretty sure no. v3 of the API implements streetview with HTML5/canvas etc - ie native in the browser.
That 'lookaround' viewer, is implemented in flash.
I suppose you could try v2 of the API, that still uses a flash client.
... otherwise just add a request to the Google Maps API issue tracker - it tracks suggestions.

How can i use the following hyperlink in Google Maps, but have it show the road labels as well?

I am using the following hyperlink to display a set of coordinates in Google Maps. It is working great. However, is there a way to have it display the road labels as well?
I do realize that if i change it to hybrid instead of earth, (by changing the "e" to an "h") it will, but our customers are liking the earth view.
http://maps.google.com/maps?f=q&hl=en&geocode=&q=36.070690,-95.807090%28LineStat%29&t=e
Thank you very much
If you link to -
http://maps.google.com/maps?f=q&hl=en&geocode=&q=36.070690,-5.807090%28LineStat%29&lci=transit
You get the option to switch to earth mode - and when you do the road labels are present...
AFAIK there is no way to enter the earth view with the road layer toggled.
You can see a pretty good list of the available parameters here.
http://mapki.com/wiki/Google_Map_Parameters

Link to Google Streetview using Lat/Long

I'm trying to make an app that links to Google streetview using latitude/longitude coordinates, and shows a streetview of the nearest road. This is coming from a fairly small and well covered area, so there isn't going to be any coordinates in the middle of the ocean.
Is there a published API showing the get parameters you need to link directly to streetview?
You may be interested in checking out the following reference, which describes all the known parameters that can be passed to maps.google.com, including Street View parameters:
asnsblues: Google Map Parameters
While this is not an official API, I think it is fair to say that these should be quite reliable, since they are the same parameters used for the permanent links in Google Maps.
With this, you should be able to construct something like the following:
http://maps.google.com/?cbll=40.714103,-74.006206&cbp=12,20.09,,0,5&layer=c
If you want to extract the raw jpegs from the Streetview service this can be done fairly easily. The technique is discussed here:
http://jamiethompson.co.uk/web/2010/05/15/google-streetview-static-api/
XML metadata for a panorama can be gained from the following request
http://cbk0.google.com/cbk?output=xml&ll=[LAT,LNG]
which gets you something like this:
<panorama>
<data_properties image_width="13312" image_height="6656" tile_width="512" tile_height="512" pano_id="sLaiF6Jex7mJmNol7tdOoA" num_zoom_levels="3" lat="51.495090" lng="-0.146971" original_lat="51.495098" original_lng="-0.147000">
<copyright>© 2010 Google</copyright>
<text>Eccleston Pl</text>
<region>London, England</region>
<country>United Kingdom</country>
<data_flag>1</data_flag>
</data_properties>
<projection_properties projection_type="spherical" pano_yaw_deg="201.78" tilt_yaw_deg="92.06" tilt_pitch_deg="1.75"/>
<annotation_properties>
<link yaw_deg="204.7" pano_id="CeutxcyB2V74lfN_fJwRww" road_argb="0x80ffffff">
<link_text>Eccleston Pl</link_text>
</link>
<link yaw_deg="24.7" pano_id="t_mnKSugTLrQTEnJplXQ3A" road_argb="0x80ffffff">
<link_text>Eccleston Pl</link_text>
</link>
</annotation_properties>
The pano_ids can then be used to get thumbnails or high resolution tiles from the streetview API
Thumbnail
http://cbk0.google.com/cbk?output=thumbnail&w=416&h=208&panoid=sLaiF6Jex7mJmNol7tdOoA
Tile
http://cbk0.google.com/cbk?output=tile&panoid=sLaiF6Jex7mJmNol7tdOoA&zoom=4&x=0&y=3
Do you mean something like this?
The following is a link to a streetview picture at coordinates 40.437, -79.962 (lat,lon):
http://maps.google.com/maps?f=q&hl=en&geocode=&sll=40.437965,-79.96253&sspn=0.007104,0.020084&layer=c&ie=UTF8&ll=40.437361,-79.960599&spn=0.007104,0.027122&z=16&cbll=40.433975,-79.962101&cbp=2,142.0851621378081,,0,3.3364732946064946
I'm not sure why the coordinates are repeated a few times, I suspect it might have something to do with viewing direction and the like. I haven't checked whether this works for other coordinates. Hope this helps.