How to creat direction map app - javascript

am thinking of creating an app as a project for my app development class, which gives direction to the school campus building from the present location. Is that a possible, if so can anyone suggest some advice what should i look into.
thank you

you will depend on Google API and here some links will help you :
Google Map API :
https://developers.google.com/maps/documentation/android/ and here good example on how to get your location and draw markers on map
http://www.androidhive.info/2013/08/android-working-with-google-maps-v2/
and you will need Google Direction API to get the direction from place to another with more functionality you can use in API
https://developers.google.com/maps/documentation/directions/
good example on Google Direction API :
http://wptrafficanalyzer.in/blog/drawing-driving-route-directions-between-two-locations-using-google-directions-in-google-map-android-api-v2/
and any related good tutorial i will edit my answer with it
hope it helpful for you and feed me back in any thing not obvious for you

if so can anyone suggest some advice what should i look into
The main advice i will give you is to begin your reading with official doc Getting Started which is a complete tuto. Follow it step by step in order to be canalised, because there is many docs in the web, and some of them talk about API v1 of Google Map which is now deprecated.
Otherwise, you will be lost ;)

Related

Data visualization on map

I’m working on a vuejs project, I want to make some data visualisation on a map: display a map and show some percentages for each country. I really do not know from where to start. What tools to use ? Is there some tutorials and javascript libraries that can help ? Thanks !
If you just want to show some percentages on each country, and you don't need those detail information on the maps, maybe you don't need Google Maps.
Try D3.js. There are several examples you can build with. DataMaps would be a good choice.
you could use the google maps api, they have good documentation on all their stuff.
https://developers.google.com/maps/documentation/
It should be noted however that these days you need a account with billing information to use their maps api's.
to be honest your question is so broad that if i were you i would first start to brainstorm and get a good grasp about what i wanted to do and how to do it.

Show only 1 direction for Google Maps embed API

For a school project we are making an application that can track the location of a garbage truck.
To calculate the fastest direction for the truck we are using the Google Maps embed API, but there is one "problem". The API returns 3 optional directions but we only need one.
Is there an possibility to show only one direction, or do we need the JavaScript API of Google Maps then?
Thanks in advance.
I suggest using the Google Maps JavaScript API. I am using it for my website and it works like a charm, with many functionalities.

Getting Started with google maps API, displaying a community

I am trying to immerse myself into the Google Maps API to display some locations on a website. I have looked through the official documentation found here: https://developers.google.com/maps/documentation/javascript/tutorial However, I am a visual learner, and have a lot more success working through tutorials hands on.
My objective for now is very simple, I just would like to display a sub locality (that is already within google maps, i.e. https://www.google.com/maps/preview?authuser=0#!q=Greenfield+Lakes%2C+Gilbert%2C+AZ+sub+locality&data=!1m4!1m3!1d33995!2d-111.7348491!3d33.3303003!4m10!1m9!4m8!1m3!1d4249!2d-111.736458!3d33.338736!3m2!1i1920!2i979!4f13.1 and display that on my own website.
Does anyone have any recommendations on how to start this process or know of a tutorial that could help me on my way?
i have implemented same with google maps. may be this will give you some idea Google Maps implementation
also answered similar question here https://stackoverflow.com/a/7894821/942855

Add get directions link to InfoWindow Google maps V3

Back with another google maps V3 question.
Here’s the background; I now have a map populated by a number of markers with info windows and what I want to do is add a link in the info Window that when pressed opens another browser window with google maps directions info in it.
I'v read a number of tutorials including the one by Mike Williams but most of them are either written for V2 of the API or just plain don’t seem to work, so do any of you good people know of a good noob tutorial that can give me some idea how to do this?
Thanks in advance
If you're just trying to send folks to http://maps.google.com for a directions query, a URL like http://maps.google.com/maps?saddr=Start&daddr=end might work, but I don't think there's any official documentation on those URLs.
If you want to have directions as part of your application, you should probably take a look at some examples of the Direction Service in the JS API.

how to create GPS location widget using django?

i am newbie to web development in all aspects;
i've went through the bast tutorial of django and now i would like to construct something which can launch a map on html, let the user pick a location and return the (lang,lat) coordinates back to django;
any ideas of how generally this should be accomplished?
if you got a working example it would be even more nice.
Thanks
have you tried http://djangosnippets.org ?
Google Geocode Lookup: http://djangosnippets.org/snippets/293/
Get Latitude and Longitude from google maps: http://djangosnippets.org/snippets/483/
There's GeoDjango, which is Django with Geospatial capabilities - it uses a spatial database such as spatialite or PostGIS.
That will do for database management. For map presentation, use OpenLayers or some other open source javascript map framework.
Hopefully that's enough for you to do some research and find a solution. If you've got more specific questions, ask them either here or more likely on the gis.stackexchange.com site.

Categories