rotate with two fingers map in google maps javascript - javascript

I am doing an application using cordova.I have to rotate the map with two fingers using google maps api javascript.How can i do it?I am searching for all possibilities before implement my self the function.

I'm in the same exact situation. I decided to use the javascript api for a ionic2 android app because it's easier to develop/debug. At this point I realized the javascript api it's a bit more basic than the android/ios one.
I think gestures with the javascript api have to be worked out by your code through css rotations and stuff. I'd also like to know other opinions about this.

Related

HTML/CSS/JS World map with simple animations

I need a simple visualization for events occurring over the world -- a 2d image of a world map, and a way to display visual alarms when events happen at a [lat, lng].
This is not core functionality. I'm willing to look into libraries or engines, but I don't want to add a huge learning overhead.
What's the simplest way of doing it?
I've had good experiences with google's visualization api. They have a map that will allow you to do what your looking for. It's also pretty well documented and plenty of resources online.
You can take a look at their maps documentation here: https://developers.google.com/chart/interactive/docs/gallery/map

Google Maps JS v3 and HTML5 JavaScript Frameworks

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.

Google Maps api custom tiles for fictional video game world

I want to use the Google Maps v3 api to generate an interactive Google Map interface that uses custom tiles for a map from a video game. The app needs to be able to zoom-in out and display the proper tiles for each zoom level as well.
I'm looking for some resources or a tutorial on how to accomplish this. The Google Maps v3 API appears to only discuss using custom tiles that lay on top of the normal Google Maps tiles. That wouldn't make sense in my application since my map is for a fictional world and wouldn't line up with anything in the real world maps. Perhaps I'm just not seeing what I need in the API guide...
Check out the ImageMapType class in the reference. There's a nifty example showing Moon tiles.
One of my favourite applications is The Internet map, the developer wrote a pretty sweet article on how it was developed.
You need to either cut up your custom game map image into the appropriate file/directory structure that makes integration into Maps API easy (here's an example using Photoshop and some example HTML/JS code). Or use a more friendly tool like TileMill, but this expects data in a standard spatial data format and you probably don't have your game map stored in such a format. If you can go that route, they also provide a Node.js-based server called TileServe that makes integration a cinch.
If you are expecting a boatload of traffic, then maybe look at Google Maps Engine to host your custom game map image directly in Google's infrastructure.

Upgrading to v3 from v2 of google maps API, suggestions

I have full fledged integration of google maps version 2 in my web application, with features like get directions, cluster markers, tabbed info window, context menu(right click). The implementation has very poor design which is causing some problem, So now I need to revamp the core implementation to better design. I was thinking of upgrading to version 3 of google maps API. Please suggest, if that's a good thing to do and my all features will be running fine(or I will get replacement for all the features mentioned) in less time. Or should I stick to the version 2 of the google maps API?
I recommend you upgrade to v3. I upgraded my site a few months ago (and blogged about the experience). A few things to keep in mind:
No more API key.
The marker and info window API has changed, for the better.
No more AJAX helper stuff. If you are using GXMLHttp, you will need to swap over to a new AJAX wrapper (Jquery, mootools etc).
Check your lat/lngs are in the right order. GPoint takes x and y (longitude and latitude). v3 has a latlng object, so your params might be backwards.
Styled maps - You will be able to customize your color scheme in v3.
Don't think you can turn on the Google earth plugin in a single line of code like you could in v2 (not 100% on this, so please correct me if I am wrong).
Once you are done, you will be happy to make the change. Pages load faster, zooming is smoother (polyines scale as you zoom instead of disappearing) and the mobile experience is much better.

JavaScript lib for google maps or live maps

Can anyone recomend a good javascript lib for working with Google Maps or Live Maps(virtualearth )?
Is jQuery og Prototype something to consider?
I think I remember that asp.net ajax had some controls and hooks for working with virtual earth back in the day, but cant seem to find it any more.
Cheers
jQuery and Prototype are "general" JS frameworks (for lack of a better word), mostly aimed at manipulating the DOM/handling events etc. You want one of the Map APIs:
Google Maps API
Yahoo Maps JS API
Virtual Earth SDK
I've used both jQuery and Prototype. They both have their ups and downs, however I recently switched from Prototype to jQuery and have really been enjoying it.
Here is a link to the Google jQuery plugin.
Google's own Javascript Client Library can be used to interact with various google services, including maps.
I could have sworn this was already available. Looks like it isn't still. The Dojo toolkit might be the first to implement it, though. Look for developments here.

Categories