Posts Tagged ‘Google Maps’

We usually use Google Maps with its default styles which is the most familiar one to all.

However, starting with v3 of the Google Maps API, it can be customized with ease so that the look and feel can match the website’s design.

Snazzy Maps

Snazzy Maps is a website which shares many Google Maps styles freely.

There are already 20+ styles and, once clicked, the JavaScript array for the style is displayed and can be downloaded.

Maplace.js is a jQuery plugin that simplifies integrating Google Maps into websites.

It works with the latest Google Maps API (v3) and has methods for adding markers + custom content and drawing paths, polygons or routes.

Maplace.js

There are options for defining the zoom level or controls to be displayed (zoom, map/satellite..).

The plugin allows customizing almost everything from the icons used to texts and colors.

It has callbacks on each action and comes with a very well documentation.

In order to celebrate the 800,000 active users of the Google Maps API, Google has launched a showcase website for their product.

The website, named "More Than A Map", features the capabilities of the API and displays various demos to show its power.

More Than A Map

It is possible to find demos of the standard maps to satellite views, usage of the "places", routing and more. The source of the demos is also a good way of finding out their usage.

Also, under the "Developer Stories" menu, selected real-world implementations of the API can be found for inspiration.

  • Tags:
  • Filed under: Goodies, Map, No License
  • 1 Comment
  • Google Maps, like any other Google product is already easy-to-use and their API is not that complicated to work with.

    However, things can always be simpler and GMaps.js, a feature-rich jQuery plugin, helps consuming Google Maps much easier.

    GMaps.js

    Besides adding a standard map of a specific location, we can define the zoom level, add markers, get the location of a user (HTML5 geolocation), define routes, draw polylines and more with only few lines of code.

    And, it has callbacks on every action to integrate any custom events. GMaps.js is not documented in detail, however, it has examples of each feature.

    The giveaway for BaseKit, a web-based and easy-to-use website builder, which was announced last week has ended today.

    Winners are selected and announced below. In case this is the 1st time you are hearing about this application, here is a short re-introduction:

    What is BaseKit?

    It is a web-based website builder and CMS application that eases creating a website for users on every level.

    With a slick interface, drag 'n' drops and a true WYSIWYG editor (that allows viewing the actual output while editing), working with BaseKit is pretty straightforward with an almost "no" learning curve.

    BaseKit Editor

    100+ templates (personal and business websites) are already ready-to-use with each having lots of ready-to-use color variations. Simply, start with th eone that best suits the needs and customize it completely if needed.

    There are several widgets provided including easily placing a Google Maps map, in-site search, sitemap, image carousel or commenting into any page with a click.

    Also, a form builder exists for creating custom forms and collecting information. And, social widgets make sure the website is connected with your social profiles with the ability to display Twitter timeline, Flickr photos or RSS feeds (there are "Tweet This" and Facebook "Like" buttons too).

    The winners

    Thanks so much to everyone joining the giveaway. Here are the winners of 3 Business Packages with 1 year term:

    • Dennis (comment #395234)
    • mai (comment #395444)
    • Deniz (comment #395686)

    Congratulations.