From Google Mapki

Knowledge Base

[edit] Basics

• Some Basics
  • Mapki's basic primer.
• Tutorial
  • Mike Williams' excellent tutorial, with useful examples that can be used as templates.
• How to make a full screen dual map Example of full screen map of The Netherlands with parts of UK, Belgium and Germany. The tiny map is placed upon the large map. There is also the possibility of "zoom" for a specific area. Two small div's make it possible to add some extra info or links. Mapstars for more examples see; www.mapstars.com.
• The book Google Maps API -- Adding Where to Your Applications is a quick and easy way to get started with the API. It offers everything from a simple "Hello World" example all the way up to creating custom GMarkers and using the AJAX interface to geocode your data from third-party sources. See Mapmap.org for live examples.
• Poznaj Google Maps API - tutorial with examples (100+) (only in Polish)
• Google Maps Tips & Tutorials - Mashup Developer Network (api tutorials and scripts).

[edit] Markers

• Marker Optimization Tips
  • Only Draw the Points in the Area Viewport
  • Load Different Points at Different Zooms
  • Add HTML to InfoWindows(Bubble) Using Click Event

• Add Tooltips (Labels) To Markers

• Add a Sidepanel of Marker Links

This tutorial shows how to easily create a sidepanel of links that pop open their corresponding Marker infoWindows on the map.

• Click Listeners 101 - Polyline Drawing

This example shows how to draw a polyline by clicks and shows how to use one click listener for your whole map. It also shows how to add properties to a marker for use when you click on it later.

• evilC's Hierarchical Bunching Method - (PHP / MySQL)

Full code, test data and a bit of theory on a method to "bunch" or "cluster" markers

[edit] Data and XML

• Dynamic XML

How to get XML dynamically using XMLHttpRequest() and a php server side script

• AJAX with PHP and MySQL - Using a back end MySQL database to generate XML using XMLHttpRequest.

Full working examples with all data / code required.

• Clustering or Bunching Various methods of reducing the number of points plotted

Some examples provided with full code and test data

• Spatial Data in MySQL

MySQL 4.1 introduced datatypes that are designed to hold geospatial data. It also allows you to use special geospatial functions to pull back points based upon that data.

• Add dynamic data to Google Maps mashups

• Generate GPX files for free on-line

These GPX files can be used and shared however and with whomever you want.

• Short AJAX how to tutorial

Introduction, how-to, and example of how to implement the basics of dynamic AJAX markers and Google maps.

[edit] Map Types and Tiles

• Add Your Own Custom Map

Tutorial on how to add a map that looks the way you want it to look. This off-API Hack shows you how to add your own custom map. Also see the Automatic Tile Cutter tutorial for making your map tiles.

• Add Your Own Custom Hybid Map

• Automatic Tile Cutter

Tutorial on how to set up a Photoshop script to slice large images into thousands of image tiles and name them correctly. Excellent for adding a custom map or custom hybrid map.

• Satellite Tile Layout

A brief description of the satellite tile layout.

• YM4R: Tiler for custom maps and WMS

Provides a stand-alone tiler in Ruby that can take its data either from custom maps (scanned or hand made) or from a WMS server (so it can be used to tile any data file in a format supported by your WMS server of choice or to cache a slow WMS server). A more in depth usage guide is provided in the README file of the YM4R rubygem.

[edit] Layout

• Changing Map Div Size

This explanation shows you a trick to let the Gmap engine know you have changed the map div size. This is for changing the map div without changing the browser window size.

[edit] Geocoding

• How-to GPS Tag Photos: Flickr, Mappr, Google Earth

• DIY Real Time GPS Tracker on Google Maps

You can create a real-time GPS tracker using Google Maps API

• GoeTagging images on Zoto.com with Google Maps

• Auto Geotag Flickr pics for Google Maps and Upload to Geoblogger.com - Uses GreaseMonkey and Firefox

• iBegin Geocoder - Does forward/reverse geocoding for US/Canada

• How to do your own Geocoding with TIGER/Line, MySQL and PHP

• Rails, geocoding, and google maps -- a simple example to demonstrate how to display a Google Map using Ruby on Rails, including utilizing a geocoding web service to translate addresses to geocodes.

• geoiptool.com Get longitude and latitude of your host / IP and a map to localize you.

[edit] Other

[note: these still need categorizing]

• Make HUGE Google Maps images and wallpapers

• Unofficial Google Maps Embedding How-To

• Gmail and Google Maps integration

• Combine Google Maps and Ruby on Rails

• Create your own Multimedia Google Map

• Hacking Maps with the Google Maps API

• Add Google Maps directions to your website

• Judge distance between Chicago "L" Stops

• Use airport codes to get directions to American airports

• Make animated Google Earth movies

• Creating a simple interactive map using Google Maps API, Google Earth KML, and MSN Virtual Earth Map Control

• How to implement Google Maps into your Google Blogger (Blogspot) blog posts.

• An automatic UK National Grid Graticule. Usage is as simple as map.addOverlay(new OGBGraticule()); This uses GPolyline to draw the grid. For grid spacing < 10km, grid lines are drawn straight (but not horizontally or vertically) across and up and down the map. For grid spacing >= 10 km grid squares are drawn individually to get a more accurate shape. The grid labels have title tooltips indicating the 100km square letter pair and grid km east or north. It works in both IE and Firefox. The grid does slow map panning a bit so best to enable the user to switch it on/off.

• An automatic Lat/Lon Graticule. This includes code that draws horizontal lines across the dateline. Usage is as simple as map.addOverlay(new LatLonGraticule()); Much faster to render than the UK OS graticule above.