Preface

1. From the Perspective of the End Users

1.1 What Can SmallMap Do For Me?

1.2 Loading SmallMap Into a Web Browser

1.3 SmallMap Layout on Web Page

1.4 Getting Onscreen Help

1.5 Switching between Index and Detailed Listings

1.6 Viewing or Sorting a Category, Subcategory, or Grid

1.7 Viewing a Specific Name Card

1.8 Finding Items, Refining Your Search

1.9 Displaying More Columns of Data

1.10 Outputting Table and Name Card to Print and Save

1.11 Linking to Map and Direction Websites

1.12 Navigating By Index Map, Grid Map, Grid Buttons

1.13 Viewing Large Maps

1.14 Forget or View Cookie, Reset Expiry Days

2. What a Web Publisher Needs Before Getting Started

2.1 How SmallMap Works

2.2 What SmallMap Cannot Do

2.3 What You Need Before Getting Started

2.4 The Sample Town Template

2.5 What Can Be Customized

2.6 Web Hosting and Server Requirement

2.7 System Requirements

2.8 The Dynamic HTML Advantages

2.9 The Dynamic HTML Disadvantages (and Mitigating Factors)

3. Downloading Template and Preparing Folders

3.1 SmallMap.com's Download Page

3.2 Recommended Folder Tree

3.3 Map Images Subfolder

3.4 Customer Images Subfolder

3.5 Local Working Folder

3.6 Viewing Sample Town

4. Customizing Your Mini Database "SmallMap.js"

4.1 The SmallMap Data Structure

4.2 SmallMap Database Is Organized as Two-Dimensional JavaScript Array

4.3 Using the "tabtool.htm" Data Formatting Tool

4.4 Using the "SmallMap.xls" Data Formatting Tool

4.5 Adding or Deleting Fields

5. Customizing the Main Program File "index.htm"

5.1 An Outline of the Main Program File

5.2 The File Name "index.htm"

5.3 The Meta Tags and HTML Document Title

5.4 JavaScript Reference to Include "smallmap.js"

5.5 Section I.A: Customizable Variables and Functions

5.6 Data Field Pointers

5.7 Web Publisher Project Title, Description, URLs, Contacts

5.8 Cookie Variables and Their Default/Initial Values

5.9 Database Related Settings

5.10 Display Control for Listing Table

5.11 Enabling or Disabling Features

5.12 Name Card Colors

5.13 Page Format, Color Variables For Style Sheet

5.14 Image Directories

5.15 Map-related Settings

5.16 Web Publisher's Copyright and Credit Statement

5.17 Section I.B: Not-for-Customization Global Variables

5.18 Section II: Cookie and Database Functions

5.19 Section III: Functions To Draw Tables, Index Map, Grid Maps, Help Section

5.20 Section IV: Other Functions

5.21 Section V: Execute Style, Cookie, Database Housekeeping Functions

5.22 HTML Body

6. Preparing Map Images and Customer Images

6.1 Customer Images

6.2 Overview of Map Images

6.3 Image Formats and Tools

6.4 Planning The Map Images: Some Constraints

6.5 Full-Size or Large Map Image: Relationship with Index Map and Zoomed-in Maps

6.6 Index Map Image

6.7 Zoomed-in Map View

6.8 How to Subdivide to Get Zoomed-in Map Option A: Single-Grid Images

6.9 How to Subdivide to Get Zoomed-in Map Option B: 3-Grid-By-3-Grid Images

6.10 Naming the Image Files

6.11 Map Related Settings in "index.htm

6.12 Large Map HTML Page

7. Troubleshooting

7.1 Figuring Out the Problems in JavaScript

7.2 Clearing SmallMap Cookie

7.3 Using View Cookie Alert

7.4 I Cannot See the Images

7.5 No Listing of Shops or Client Names

7.6 I'm Not Satisfied With The Format and Layout of the Page

7.7 Additional Resources to Help Troubleshooting

This is the contents page for SmallMap manual. SmallMap is a dynamic HTML shareware for Web Publishers to present community directory on the Web. SmallMap can be customized for towns, parks, campuses, clubs - any cluster of businesses and non-business listings - or even non-geographical database of articles (books, music, games, rental properties).

Web publisher with a database of shops or members can use SmallMap to quickly publish a Web directory. Visitors to your Website will then be able to browse and sort through your community listings, find text, name, address, and other descriptive information, as well as navigate around any map segments.

Chapter 1 of this manual is written for the end users or Web visitors. Chapters 2 to 7 are written for the Web publishers.

Web SmallMap.com

Two Sample Websites

1. Sample Town - This is a fictitious town's directory and "map," a demonstration, and a template containing the latest SmallMap codes and scripts. To illustrate the capability to link to external map and direction Websites, we have input the addresses of actual public places under the Aquarium, Arboretum, and Museum categories. It uses single-grid, PNG-formatted, map images for zoomed-in view. Click for an alternative color scheme.

2. S2BJ - A real-life commercial area with a real map: Sungаi Duа and Bukit Jаmbul, Pеnаng, MaIаysiа. It makes use of 3-grid-by-3-grid GIF subdivided map images.

Promotions

Free: First 10 registrations

Recent News

Apr 30, 2005 (Press Release)