archive-com.com » COM » S » SVENNERBERG.COM

Total: 274

Choose link from "Titles, links and description words view":

Or switch to "Titles and links view".
  • 45° view in Google Maps - Demo

    (No additional info available in detailed archive for this subpage)
    Original URL path: /examples/45-degree-imagery/ (2016-04-28)



  • 45° imagery view in Google Maps | In usability we trust
    that s available in street view You can drag it around to see imagery from different angles The new Rotate Controls Additionally there s a smaller rotate control positioned right above the zoom control It rotates the imagery 45 degrees clockwise each time it s clicked This control is available in both regular and compact view Only the small rotate control is available in compact view Current coverage Only selected cities are available at this time but new ones are continuously being added To see the cities that are currently available check out this map Overview Map Another new feature in API v3 is something that s been available in v2 for a long time an Overview Map It s a small fold out map in the lower right corner of the main map that provides an overview of the area you re currently watching To enable it there are two new properties in the MapOptions object overviewMapControl Enables the overview map and can be either true or false The default value is currently false which means that it s not visible See note below overviewMapControlOptions Takes an object literal as its value which has one possible property opened Set this to either true or false depending on if you want the map to be folded out when the map loads or not The default value is false Note In a few weeks from now March 17 2011 the default value of overviewMapControl will be changed from false to true This means that you need to explicitly set it to false unless you want your maps to be enabled with an overview map Below is an example map which has an enabled overview map that opens when the main map loads The map is centered over Heroes Square in Budapest at zoom level 19 Here s what the code looks like var options zoom 18 center new google maps LatLng 47 5153 19 0782 mapTypeId google maps MapTypeId SATELLITE tilt 45 overviewMapControl true overviewMapControlOptions opened true var map new google maps Map document getElementById map options See example in full size More information For more information check out A new angle on the world with 45 imagery on the Geo Developers Blog For a complete list of all new features and fixes in the 3 4 release check out the changelog My Google Maps book If you found this article useful you might be interested in my book Beginning Google Maps API 3 It covers everything you need to know to create awesome maps on your web sites Buy it on Amazon com Articles Geo Google Maps API 3 Javascript Previous post Extending Google Maps API 3 with libraries Next post Designing with the mind in mind 3 Comments John Fannon March 23 2011 at 4 37 pm Hi Gabriel I ve bought your book recently It s so nice to computer bookm which you can actually read I ve only discovered google maps An aladin s treasure trove and

    Original URL path: http://www.svennerberg.com/2011/03/45-degree-imagery-view-in-google-maps/?replytocom=819 (2016-04-28)
    Open archived version from archive

  • 45° imagery view in Google Maps | In usability we trust
    that s available in street view You can drag it around to see imagery from different angles The new Rotate Controls Additionally there s a smaller rotate control positioned right above the zoom control It rotates the imagery 45 degrees clockwise each time it s clicked This control is available in both regular and compact view Only the small rotate control is available in compact view Current coverage Only selected cities are available at this time but new ones are continuously being added To see the cities that are currently available check out this map Overview Map Another new feature in API v3 is something that s been available in v2 for a long time an Overview Map It s a small fold out map in the lower right corner of the main map that provides an overview of the area you re currently watching To enable it there are two new properties in the MapOptions object overviewMapControl Enables the overview map and can be either true or false The default value is currently false which means that it s not visible See note below overviewMapControlOptions Takes an object literal as its value which has one possible property opened Set this to either true or false depending on if you want the map to be folded out when the map loads or not The default value is false Note In a few weeks from now March 17 2011 the default value of overviewMapControl will be changed from false to true This means that you need to explicitly set it to false unless you want your maps to be enabled with an overview map Below is an example map which has an enabled overview map that opens when the main map loads The map is centered over Heroes Square in Budapest at zoom level 19 Here s what the code looks like var options zoom 18 center new google maps LatLng 47 5153 19 0782 mapTypeId google maps MapTypeId SATELLITE tilt 45 overviewMapControl true overviewMapControlOptions opened true var map new google maps Map document getElementById map options See example in full size More information For more information check out A new angle on the world with 45 imagery on the Geo Developers Blog For a complete list of all new features and fixes in the 3 4 release check out the changelog My Google Maps book If you found this article useful you might be interested in my book Beginning Google Maps API 3 It covers everything you need to know to create awesome maps on your web sites Buy it on Amazon com Articles Geo Google Maps API 3 Javascript Previous post Extending Google Maps API 3 with libraries Next post Designing with the mind in mind 3 Comments John Fannon March 23 2011 at 4 37 pm Hi Gabriel I ve bought your book recently It s so nice to computer bookm which you can actually read I ve only discovered google maps An aladin s treasure trove and

    Original URL path: http://www.svennerberg.com/2011/03/45-degree-imagery-view-in-google-maps/?replytocom=821 (2016-04-28)
    Open archived version from archive

  • Dancing markers - Demo
    Markers are added at random locations with a DROP animation and you can then make them dance by triggering the BOUNCE animation You can also try to drag and drop them This example is part of the article Dancing markers

    Original URL path: http://www.svennerberg.com/examples/animated_markers/ (2016-04-28)
    Open archived version from archive

  • Dancing markers | In usability we trust
    marker bouce marker setAnimation google maps Animation BOUNCE Stop the animation by passing null to the method marker setAnimation null See it in action I ve created a demo that demonstrates these new features It adds markers with a DROP animation and you can then make them dance by triggering the BOUNCE animation The markers are draggable so you can try dragging them around to see how they behave Check out the live demo Read more Be sure to check out the announcement in the article The map markers They move on Google Geo Developers Blog and also check the documentation out My Google Maps book If you found this article useful you might be interested in my book Beginning Google Maps API 3 It covers everything you need to know to create awesome maps on your web sites Buy it on Amazon com Articles Google Maps Google Maps API 3 Previous post Google Maps API 3 Mobile devices Next post Extending Google Maps API 3 with libraries 12 Comments Victor Blaer December 9 2010 at 7 45 pm Hi Mr Svennerberg First great book I m half way through very clear and concise and great post I do have one suggestion for noob readers like myself if you could for the next book blog include something on PHP and forms to query MySql to select the markers displayed that would be AWESOME I have to hard code the criteria in my database query and I feel stupid I can t get that user interactivity Cheers from Iceland Victor Reply Gabriel Svennerberg December 9 2010 at 10 47 pm Victor Thank you very much Good suggestion I ve heard that from a few other people as well Maybe I should write a blog post about it or put it in my next book if there will ever be one Reply Victor December 17 2010 at 12 29 am TheMaestro If you put it into a blog I will name my children after you Reply Neelesh Shah December 26 2010 at 3 31 am After reading Gabriel s book I code PL SQL to generate JSON data and work Google maps into an Oracle APEX application Thanks Gabriel N Reply Neelesh Shah December 26 2010 at 3 32 am After reading Gabriel s book I coded PL SQL to generate JSON data and work Google maps into an Oracle APEX application Thanks Gabriel N Reply Eric Schmidt January 10 2011 at 9 45 pm Gabriel great book Read it through on a recent trip to Jamaica over the holidays and am reading it again We are using KML files created by a conversion of shapefile with our Google API Any recommendations where to go for more information I didn t see any discussion in your book regarding KML and Google API Thank you Reply Gabriel Svennerberg Post author January 12 2011 at 10 53 pm Erik Schmidt Wow I m impressed that you re reading it twice And I m glad

    Original URL path: http://www.svennerberg.com/2010/12/dancing-markers/?replytocom=795 (2016-04-28)
    Open archived version from archive

  • Dancing markers | In usability we trust
    a marker bouce marker setAnimation google maps Animation BOUNCE Stop the animation by passing null to the method marker setAnimation null See it in action I ve created a demo that demonstrates these new features It adds markers with a DROP animation and you can then make them dance by triggering the BOUNCE animation The markers are draggable so you can try dragging them around to see how they behave Check out the live demo Read more Be sure to check out the announcement in the article The map markers They move on Google Geo Developers Blog and also check the documentation out My Google Maps book If you found this article useful you might be interested in my book Beginning Google Maps API 3 It covers everything you need to know to create awesome maps on your web sites Buy it on Amazon com Articles Google Maps Google Maps API 3 Previous post Google Maps API 3 Mobile devices Next post Extending Google Maps API 3 with libraries 12 Comments Victor Blaer December 9 2010 at 7 45 pm Hi Mr Svennerberg First great book I m half way through very clear and concise and great post I do have one suggestion for noob readers like myself if you could for the next book blog include something on PHP and forms to query MySql to select the markers displayed that would be AWESOME I have to hard code the criteria in my database query and I feel stupid I can t get that user interactivity Cheers from Iceland Victor Reply Gabriel Svennerberg December 9 2010 at 10 47 pm Victor Thank you very much Good suggestion I ve heard that from a few other people as well Maybe I should write a blog post about it or put it in my next book if there will ever be one Reply Victor December 17 2010 at 12 29 am TheMaestro If you put it into a blog I will name my children after you Reply Neelesh Shah December 26 2010 at 3 31 am After reading Gabriel s book I code PL SQL to generate JSON data and work Google maps into an Oracle APEX application Thanks Gabriel N Reply Neelesh Shah December 26 2010 at 3 32 am After reading Gabriel s book I coded PL SQL to generate JSON data and work Google maps into an Oracle APEX application Thanks Gabriel N Reply Eric Schmidt January 10 2011 at 9 45 pm Gabriel great book Read it through on a recent trip to Jamaica over the holidays and am reading it again We are using KML files created by a conversion of shapefile with our Google API Any recommendations where to go for more information I didn t see any discussion in your book regarding KML and Google API Thank you Reply Gabriel Svennerberg Post author January 12 2011 at 10 53 pm Erik Schmidt Wow I m impressed that you re reading it twice And I m

    Original URL path: http://www.svennerberg.com/2010/12/dancing-markers/?replytocom=797 (2016-04-28)
    Open archived version from archive

  • Dancing markers | In usability we trust
    marker bouce marker setAnimation google maps Animation BOUNCE Stop the animation by passing null to the method marker setAnimation null See it in action I ve created a demo that demonstrates these new features It adds markers with a DROP animation and you can then make them dance by triggering the BOUNCE animation The markers are draggable so you can try dragging them around to see how they behave Check out the live demo Read more Be sure to check out the announcement in the article The map markers They move on Google Geo Developers Blog and also check the documentation out My Google Maps book If you found this article useful you might be interested in my book Beginning Google Maps API 3 It covers everything you need to know to create awesome maps on your web sites Buy it on Amazon com Articles Google Maps Google Maps API 3 Previous post Google Maps API 3 Mobile devices Next post Extending Google Maps API 3 with libraries 12 Comments Victor Blaer December 9 2010 at 7 45 pm Hi Mr Svennerberg First great book I m half way through very clear and concise and great post I do have one suggestion for noob readers like myself if you could for the next book blog include something on PHP and forms to query MySql to select the markers displayed that would be AWESOME I have to hard code the criteria in my database query and I feel stupid I can t get that user interactivity Cheers from Iceland Victor Reply Gabriel Svennerberg December 9 2010 at 10 47 pm Victor Thank you very much Good suggestion I ve heard that from a few other people as well Maybe I should write a blog post about it or put it in my next book if there will ever be one Reply Victor December 17 2010 at 12 29 am TheMaestro If you put it into a blog I will name my children after you Reply Neelesh Shah December 26 2010 at 3 31 am After reading Gabriel s book I code PL SQL to generate JSON data and work Google maps into an Oracle APEX application Thanks Gabriel N Reply Neelesh Shah December 26 2010 at 3 32 am After reading Gabriel s book I coded PL SQL to generate JSON data and work Google maps into an Oracle APEX application Thanks Gabriel N Reply Eric Schmidt January 10 2011 at 9 45 pm Gabriel great book Read it through on a recent trip to Jamaica over the holidays and am reading it again We are using KML files created by a conversion of shapefile with our Google API Any recommendations where to go for more information I didn t see any discussion in your book regarding KML and Google API Thank you Reply Gabriel Svennerberg Post author January 12 2011 at 10 53 pm Erik Schmidt Wow I m impressed that you re reading it twice And I m glad

    Original URL path: http://www.svennerberg.com/2010/12/dancing-markers/?replytocom=803 (2016-04-28)
    Open archived version from archive

  • Google Maps API 3 – Mobile devices | In usability we trust
    html body height 100 margin 0 map width 100 height 100 Notice that the height of the html and body tags are set to 100 with zero margin The reason for this is to make sure that the web page covers the entire height of the browser and that there s no white space around the map In the left image the default margin prevents the map from covering the entire screen whereas in the right image the margin is set to zero Disabling page zoom Mobile devices with touch screens often uses the pinch maneuver for zooming the web page When you have a map on that page you probably want the map to zoom rather than the entire web page Fortunately there s a special meta tag that can be used to disable page zooming It must be placed in the head section of the page and looks like this meta name viewport content initial scale 1 0 user scalable no Using this you make sure that the map work as expected Browsers that doesn t support this tag will simply ignore it so it s safe to use No hover state One final consideration that needs to be made is that there s no such thing as hover state mouseover on mobile devices Therefore you need to make sure that you don t use this for essential interactions such as showing vital information Live demo To see that this demo actually works as expected you need to access it from an iPhone or an Android based phone But it is of course entirely usable by desktop browsers too What you get is a web page with a maximized map regardless of what device you use to access it Check out the live demo Conclusion Developing maps for mobile devices is really not that different from developing them for desktop browsers As long as you re aware of their limitations you should be fine If you want to learn more about developing for the iPhone check out the Safari Dev Center To learn more about developing for Android based phones check out the Android documentation Do you know of any other considerations that need to be made when developing maps for mobile devices Please share in the comments My Google Maps book If you found this article useful you might be interested in my book Beginning Google Maps API 3 It covers everything you need to know to create awesome maps on your web sites Buy it on Amazon com Articles Previous post A week to launch Next post Dancing markers 7 Comments Google Maps November 26 2011 at 5 18 pm the google maps api 3 is the easiest one to use so far Reply Dan bhar December 19 2011 at 4 26 pm I m using this technique and it works really well Although I m having trouble with showing an infowindow It renders fine in portrait mode but in landscape it re sizes itself cutting

    Original URL path: http://www.svennerberg.com/2010/07/google-maps-api-3-%e2%80%93-mobile-devices/?replytocom=1213 (2016-04-28)
    Open archived version from archive



  •