I am looking for possible solution to implement google maps with Angular 2. I found certain packages to use but all have certain limitations. I tried 'angular2-google-maps' and 'ng2-map' but there are certain things yet to come. Can you please suggest which one is the best to use to implement Google Maps in my application?
PS: I am trying out Google Maps JavaScript APIs but seems like I am facing difficulties to implement it.
there is a project which provides exactly what you need:
https://angular-maps.com/
There is a getting started and it is hosted on github as well:
https://github.com/SebastianM/angular2-google-maps
Another possibility is it to use the GoogleJSAPI from Google directly. Since Angular2 is JavaScript you can easely add it like described by Google:
https://developers.google.com/maps/documentation/javascript/?hl=de
Hope this helps,
Cheers
Related
I checked this but as far as I understand this means the place/location becomes available to everyone. Can I add places that only my web-app will see? And perhaps allow some places to be seen only by certain users ... ?
Also - what is the thing with the API key: I did not notice any recent talk about it, but I understood that you have to use one now. Am I correct?
One last thing: how customizable this API really is? Can I add/remove places and their descriptions and perhaps make places custom-clickable (I see you can add markers etc link? I only started digging into GoogleMaps API so I am rushing this a bit, but answers would be very helpful so I can kickstart my developing.
I don't know very much about javascript and API. I was wondering though if there's an easy way to customize a google map like in this example. How did they do it?
http://pooliestudios.com/kontakt/
Also where can I find a database of premade styles? Like http://maps.cloudmade.com/editor (if such thing exist for Google maps)
edit: Just found this site, check out http://snazzymaps.com/ for some cool premade styles.
for the new company site, they want a textbox that has an address, once the person clicks search a google map should appear with lots of points on that area. These points are places pre-defined in a database.
Is there any way I can implement this? A great example of this is on laterooms.com:
http://www.laterooms.com/en/k16296355_manchester-hotels.aspx
Thanks
I believe what you want is a mashup between simple geocoding (example available here):
https://google-developers.appspot.com/maps/documentation/javascript/examples/geocoding-simple
And places (example available here)
https://google-developers.appspot.com/maps/documentation/javascript/examples/place-search
And you should be good to go.
you will find quite some good infos on this page here: see the examples and see what you can do with the code
https://developers.google.com/maps/
I've been researching on this for some days but can't find a proper answer neither here nor in the API's doc.
http://dl.dropbox.com/u/3428472/download.png
I'm looking for a way to add that control to a gmaps implementation. I guess I could go for designing a custom control but since this one already exists, there must be a way of adding it as is.
That is the blue drop a pin control available in the edit mode of the places API.
Any help would be much appreciated.
Thanks!
The image looks like an implementation of the drawing-library.
There is no need to steal something, it's a part of the public API.
You'll find the docs here: https://developers.google.com/maps/documentation/javascript/overlays?hl=en#drawing_tools
I just signed up for a Google Maps API key and was hoping for a wizard style application for setting up the map (not a static one), unfortunately I was immediately blinded by science!
Can anyone point me to a tutorial where I can find out how to create a simple google map and place a callout bubble including am image of the office and address details.
Give this a try
http://econym.org.uk/gmap/
The documentation for Google maps is pretty fantastic. That's how I learned to use it.
There's a section for Basics in the docs. That might be a good place to start.
If all you're looking to do is show a map with an infowindow, you might want to take a look at the embedding options here:
http://maps.google.com/help/maps/getmaps/quick.html
It'll let you easily embed a map on your site, without to much science!
Shameless self-promotion
If you are happy to use C# this may or may not help - Lookup on all postcodes on a webpage, and plot them with Google maps. It doesn't really need much ASP.NET/C# knowledge beyond the basics.