Is there any way to draw a polyline on google map using its URL parameters?
I know we can draw points on map but what about lines?
for example this URL zooms into a location
http://maps.google.com/maps?q=51.8757057,0.5278316&z=18&t=k
I want something that I can add to Google maps URL and draw a line on map.Is it even possible?
Could be you can use staticmap where size is for the dimension and path is a collection of coord separated by | char
http://maps.googleapis.com/maps/api/staticmap?size=400x400&path=40.737102,-73.990318|40.749825,-73.987963|40.752946,-73.987384|40.755823,-73.986397&sensor=false
Related
I'm drawing polyline in google maps with flutter, but the destination goes in the opposite direction, I need it to appear like the image
I have the map as the first image that I attach
https://ibb.co/pdXtbVB
I need the map like the second image
https://ibb.co/bvzypBW
I need a Google Map with marked up areas with different colors.
GADM data
The first article I came across was this one:
https://ourcodeworld.com/articles/read/830/how-to-highlight-an-area-city-state-or-country-in-google-maps-with-javascript
It links to this service for getting coordinates:
https://gadm.org/download_country_v3.html
The problem is that there are too many points so it would end up with 3MB for an embedded map.
Google Maps draw
Then I tried Google Maps service to draw a shape. While it works, I could not find any export function to get the longitude and latitude.
https://www.google.com/maps/d/u/0/viewer?mid=1IlydZDXB-tkN8K8pAR57BRFqBOTv3c8z&ll=59.681023024095936%2C18.40997752499993&z=9
Question
How can I draw an area on a map and then get longitude and latitude for the points? On Google Maps, a tool or something else does not matter.
I solved my problem very differently. I simply used an svg file of just the country and highlighted areas there.
I used this site:
https://simplemaps.com/custom/country
I am using overview_path for polyline on google map, but it is not turning perfectly while a turn is there on the map.
so now I am trying to draw the path using leg points. Please tell me how I can store all leg points and draw a path.
yesterday I discovered the Google Maps API v3. We were searching for a good way to display a 2D map on a website. Before we never used it for anything so I would say I am totaly new to this :P
The 2D map I am talking about shows a fictive place and is 7150 x 11000 pixels. We converted it into 256 x 256 tiles and uploaded it to our test website.
We have a bunch of coordinates on this map and we searched and searched but we do not find a straight forward written description how to convert this values to LatLng values to use them for markers ...
Can anybody tell us how this works?
We were able to use the example I posted in my comment to create a projection that is mostly able to translate our x/y image coordinates to Google Map API v3.
The example shows how to translate to a Image that measures 50x50 pixel and we just had to translate this.
Because our map has no square shape we hat to add an offset to the y values and correct the x values by a correction factor.
It seems that Google Map API can only handle LatLng values up to some kind of maximum so we hat to choose a smaller size for our projection and wrote a function to translate from original size to this new fictive size which produced LatLng values the API can handle.
I would like to embed Google Map into my website, and I'm passing over 2 parameters, "longtitude" and "latitude".
Any possible way the map will change according to the longitude and latitude I sent in?
For example, I put in
3.1019924,101.4804983 and click on "Search map" on maps.google.com
I will get the location and the embed code.
How can I do it in a way I have already embed the map, just passing in the data?
You need to use the Google API. http://code.google.com/apis/maps/documentation/javascript/
Sounds like you already have the Google Maps javascript Google Maps object in your page, so you just need to center the map given a location.
To do this you need to call the panTo method on your google.maps.Map object. You pass a google.maps.LatLng object as a parameter and it will center the map on that location:
yourMap.panTo(new google.maps.LatLng(lat, lng));