JA:Deploying your own Slippy Map

独自のSlippy Mapを表示する というのは OpenStreetMap を利用する 一般的な方法です。

私たちの地図を、Google や Yahoo! の地図と同じように、あなたのウェブサイトに組み込むことができます。 これは、以下の JavaScript 地図ライブラリ の一つを使うことで実現できます:

• OpenLayers (openlayers.org) は多機能でフリーなオープンソース JavaScript ライブラリです。これは OSM 地図を表示するためのもっとも人気のある方法です。
• Web Maps Lite (cloudmade.com/products/web-maps-lite) is a lightweight (fast loading) alternative from CloudMade
• Google Maps Example shows how to use the google maps API to present OSM maps.
• Mapstraction (mapstraction.com) is an open source javascript wrapper around the above libraries (and several others) allowing you to swap your choice of map library provider without re-coding anything.

Other less widely used alternatives:

• Zoom zoom zoom map has a nice smooth zoom feature
• Khtmlib also smooth zooms
• Ka-Map (ka-map.maptools.org)
• AFComponents UMap (afcomponents.com) embeddable Flash slippy map
• BruTile (brutile.codeplex.com) a C# library for tile services (use online via silverlight)
• Modest Maps (modestmaps.com) in Flash and Python.
• Polymaps (polymaps.org) JavaScript library from Stamen

Or you embed it in your favourite Content Management System:

• Wp-osm-plugin a Wordpress plugin
• Mapping Kit Drupal modules (drupal.org) - collection of drupal modules to support custom mapping
  • another Drupal tutorial [1]
• Drupal tutorial from MapBox MapBox

OpenStreetMap tile servers

Typically these examples show you how to use the OpenStreetMap tile servers. Your site serves up the HTML and the javascript (maybe) but the tile images of the map are still fetched by the browser from our servers. You must do this in accordance with the tile usage policy. The tile service comes with no guarantee as to availability or speed (if you expect particularly heavy demand, please contact the community to discuss your requirements first).

For ultimate flexibility, OpenStreetMap also gives you the unique ability to generate your own map tiles - styled any way you like - from our data.