I need to use Google Maps API in two way:
To store coordinates of a marker in database
To display objects stored in database on map
I was suggested to use gmaps.js for both. Googling I found this library that can be used as well for both purposes. I am familiar with html, css and PHP but I have minor experience with JS so I would love to avoid it. The library, if I got it correctly, generates JS code. So it would be a lot more easier to use library.
My question is about quality of both options. Which option would produce higher efficiency? The map is supposed to display a lot of markers from database.
I am sorry if this is silly question but I want to know for sure that I have chosen right tool before getting my hands dirty.
Related
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.
I am familiar with coding in python for the work I do in bioinformatics. I've recently been asked to do a different type of analysis -- analyzing data and then overlaying that data over a map of the US. I figure I will need to use javascript after I write the python code to do the data analysis, but I am not familiar with creating images. What is the best way to incorporate my python data analysis with code that will produce a dynamic image?
Thanks for your help.
My Solutions
1) Just as what what other people said , you could try to use the Google Map APIs and code a bit.
2) Or you can use Openstreetmap. I would perfer openstreetmap.
I did several apps and websites based on LBS. I know how to place coordinates on maps.
If you want to finish this quickly and cooler. You may try this combination:
Django as the freamwork,
PostgreSQL as the DB backend
PostgreSQL PGIS as the geolocation handler
Openstreetmap as the map viewer
My summery:
Solution 1) is quick, faster. It needs you some hard-coding efforts.
Solution 2) is bit slower but full-featured. It's very extensive for future developing.
Hope this could help you
I'm currently working on a mapping project using the Google Maps JavaScript API.
But my application will be much more advanced then showing a single map and will eventually show multiple map "views" as well as options to manipulate the map using forms on the page.
I have used a couple different HTML 5 JavaScript frameworks such as Backbone.js, Angular.js as well as Ember.js for other projects but nothing has worked well with Google Maps.
I'm wondering if anyone would recommend using a particular JavaScript framework for working with Google Maps JavaScript v3 API.
Preferably something with an active plugin/module for Google Maps would work best. I have created my own special views in Backbone for Google Maps but it does not work as "well" as I want it to.
If you have a suggestion to use a different mapping API, other than GMaps, I would love to hear about it too.
There is also an ember-leaflet proyect, seems interesting but I did not taste it yet.
https://github.com/gabesmed/ember-leaflet
http://gabesmed.github.io/ember-leaflet/
Good luck
Turns out there are two really great approaches.
EmberJS + Leaflet http://gabesmed.github.io/ember-leaflet/
AngularJS + Leaflet http://tombatossals.github.io/angular-leaflet-directive/#!/
AngularJS + Google Maps http://nlaplante.github.io/angular-google-maps/#!/usage
I have decided to either use AngularJS or EmberJS with Leaflet, as the Leaflet API is much more robust than the Google Maps API. (imo)
Not a Google maps solution, but you said you'd love to hear about other possible mapping solutions. Well, ArcGIS has a Javascript API https://developers.arcgis.com/en/javascript/ that is directly coupled with the Dojo javascript framework, though they do have a light version of the API as well that still runs off a stripped down version of dojo, but is more aimed at allowing integration with other JS frameworks.
May or may not meet what you're wanting, but it's an option anyway and figured I'd pass it along. They have a number of samples and such so I'd suggest you go there and take a look rather than me trying to explain.
I second the ember-leaflet suggestion. You can use any map provider you want, through leaflet.
Im using the google earth v1 javascript API to update hundreds of objects moving around in "real-time". I keep track of new, modified, and deleted entities to minimize looping in my javascript while updating placemarks, but still the biggest bottleneck is making the calls to the google earth api. Has anyone else tackled this problem? I've read a bit about dynamically streaming from a KML file on a server, but I need access to the placemark object updates in my javascript code.
There is a v3 of the Google Maps Javascript API, but the Google Earth API is at v1. It's unclear from your question if you are using both API's, and if so, how you are interacting with the Earth API.
If you provide some code showing how you are doing the updates it would be easier to offer advice on how to optimize.
That said it sounds like using straight KML with incremental Updates is the way to go for your use case, and you can still access individual placemarks using the getElementByUrl() method
To put a bow on this question. Using dynamic KML files is one way to do this if you dont need to do anything complicated with the data other than display it to the user. Because I need to do work on the data inside the webclient, I ended up using json to transfer the data and then using google.earth.executeBatch to execute my google earth api calls in the most efficient manner.
Have you looked at using Google Fusion Tables? It doesn't use the GE plug-in so....
I am trying to embed a Google Map into a dynamic webpage. The only variable the map depends on is the address of a business. That address comes from the website's database. I cannot just statically generate embed code for each dynamic page using the same set up. Is there a way I can embed a map based on that address and show a marker/bubble showing Google's information on that business?
So far, I have explored a few options including using the Google Map API and the Google Data API or just messing with the embed code given by Google. If I use the APIs it seems I have to design my own types of markers and maybe even supply my own data.
It doesn't look like there is an easy solution.
Any ideas?
Thanks.
EDIT: I'm not hung up on going from an address to a longitude and a latitude. I want the info window or "bubble" for a marker to show Google's information of a business.
EDIT: On Roy's suggestion I have been trying to use the map and search API together to achieve what I want. However, the only way I can execute a search with searchControl.execute('business name here'); is if the SearchControl is drawn. Thing is though I don't want to show any search controls. I have been able to hide it, but that just seems like an inefficient hack way of solving this.
Don't just use the embed code. Write a bit of Javascript that will draw a map for you and pass it the address.
Loads of examples here:
http://code.google.com/apis/maps/documentation/examples/index.html
I'm not sure which bit you're stuck on, but you don't need to design your own markers. Google can also create a marker from an address and it can find local business information if it has it (using local search API I think).