Flash Yahoo Maps | Adobe Dreamweaver Extensions

Language:

Eng

Deu

Intro

Flash Banner

Flash Horizontal Menu

Sun Header with Menu

Snowfall Header with Menu

Rainbow Header with Menu

Flash Vertical Menu

Flash Image Gallery

Classic Photo Gallery

Blaze Image Gallery

Frame Image Viewer

Flash Image Catalogue

Flash News Scroller

Flash Presentation

Flash Yahoo Maps

for Dreamweaver

FlashMaps.zip (1004KB)

Package:

FlashMaps.mxp
locations.xml
thumb.aspx, thumb.php
PanTool.swf, Marker.swf
House.png
example.zip (701KB)

Documentation (PDF)

Flash object parameters

XML file description

Configuration - Step by Step

UI Access:
Download and unzip package FlashMaps.zip. Flash Yahoo Maps is distributed as an Adobe Dreamweaver CS3, 8, MX 2004 extension, packed as a file named FlashMaps.mxp. To install it, you just need to execute that file or use the Adobe Extension Manager. Once installed, the extension Flash Yahoo Maps can be accessed - after restarting Dreamweaver - through the menu option "Insert -> Media -> Flash Yahoo Maps" or in the Insert Bar.

Flash Yahoo Maps

ver. 1.0.5 | 01.02.2008

Flash Yahoo Maps inserts into your web page Yahoo! Maps. Flexibility and power allows to adjust a map under any task. You can create a simple flash map with one object for the contact information or make the convenient and beautiful tool for searching and displaying the information of many objects such as the real estate, hotels, restaurants, etc. In XML file you can specify any quantity of parameters of the description of objects, and also photos. It is possible to specify the location of object on the map in two ways, using address or latitude and longitude. For a marker appearance you can use any image. The package contains scripts for servers which support either ASP.NET or PHP. More than 70 parameters help you to arrange your map according your design tastes!

Support: development@alvena.de

Install Adobe Flash Player version 10.0

Demo #1

Demo 1 | Demo 2 | Demo 3

Flash object parameters

All parameters of the Flash Yahoo Maps appearance can be configured in "Tag Inspector". (Click on Flash Object, then F9) The bold font specifies the most important parameters of flash object.

appID	- an application ID is required to use the Flash Yahoo Maps. You can get an application ID here.
basicColor	- basic color
basicColorDark	- additional color for creation of gradient
controlsBgColor	- background color of control elements
comtrolsBorderColor	- border color of control elements
controlsColor	- color of control elements
controlsHighlight	- color of active control elements
controlsLabelFontBold	- control element label font bold
controlsLabelFontColor	- control element label font color
controlsLabelFontSize	- control element label font size
controlsValueFontColor	- control element value font color
geocodeVisible	- shows the latitude and longitude for the center point of the map and the current map bounds
headerBgColor	- background color of header of the locations list
haderCaption	- caption of map hedaer
headerFontBold	- map header font bold
headerFontColor	- map header font color
headerFontFamily	- map header font family
headerFontSize	- map header font size
headerHeight	- height of map header
infoCaptionFontBold	- font bold of captions in the location description
infoCaptionFontColor	- font color of captions in the location description
infoFontColor	- font color of text in the location description
infoFontFamily	- font family of text in the location description
infoFontSize	- font size of text in the location description
infoLineSpacing	- spacing width between text lines
infoPhotoHeight	- photo height
infoPhotoWidth	- photo width
listBgColor	- color of rows in an element of list
listBgHighlight	- color of active rows
listFontColor	- font color of text in the list controls
listFontHighlight	- font highlight color of text in the list controls
listLineColor	- color of line between rows
locationsHeaderBgColor	- background color of header of the locations list
locationsHeaderCations	- specifies the array of parameters names which shows in the locations list
locationsHeaderFontBold	- header font bold
locationsHeaderFontColor	- header font color
locationsHeaderFontSize	- header font size
locationsHeaderHeight	- height of locations list header
locationsHeaderLineColor	- color of line between captions in the locations list
locationsHeaderShadow	- show shadow of header
locationsHeaderVisible	- show header of locations list
locationsRows	- number of count rows in locations list
locationsVisible	- specifies visibility of locations list
mapBorderColor	- map border color
mapHeight	- map height
mapStartAddress	- address that specifies the map’s initial position
mapStartBounds	- specifies the desired bounds for the viewable map surface
mapStartZoom	- specifies the map’s initial zoom
mapWidth	- map width
markerBgAlpha	- alpha channel of marker box background color
markerBgColor	- background color of marker box
markerBgColorDark	- additional color for creation of marker box gradient
markerCaptionFontBold	- marker caption font bold
markerCaptionFontColor	- marker caption font color
markerCaptionFontSize	- marker caption font size
markerCornerRadius	- radius of corners of the marker box
markerFile	- the file with a marker, should be set in Marker.swf
markerFontColor	- marker text color
markerFontFamily	- marker font family
markerFontSize	- marker font size
markerIconFile	- path to the file with marker icon
markerLineColor	- color of line beetwen marker and locations list
markerParams	- specifies the array of parameters names which shows in the marker short description
markerWaveColor	- color of wave around marker
markerWaveVisible	- show the wave around marker
panToolBgAlpha	- alpha channel of PanTool background
panToolBgColor	- background color of PanTool
panToolBorderColor	- PanTool border color
panToolFile	- the file with a panTool, should be set in PanTool.swf
panToolFontColor	- PanTool text color
panToolFontFamily	- PanTool font family
panToolFontSize	- PanTool font size
srvtThumbFile	- path to file with thumb compressor
textFontFamily	- basic font family of text
xmlSource	- path to XML file with locations

XML file description

To set up the locations you should create new XML file or edit attached locations.xml file. Path to XML file is necessary to specify in xmlSource.

XML file structure:

<?xml version="1.0" encoding="utf-8"?>

<map>

<location caption="Appartaments" lat="39.754957" long="-105.004666" photo="photo.jpg">

<param caption="Caption">Any Text</param>



<param multiline="true">Any Text</param>

</location>
<location caption="Appartaments" address="701 first street, Sunnyvale, CA" photo="photo.jpg">

<param caption="Caption">Any Text</param>



<param multiline="true">Any Text</param>

</location>

</map>

Tags:

<map>

- main tag, conatains all items

- tag location have attributes:

caption	- the name of object which is used in caption of a marker
photo	- path to image file
address	- a string that specifies the postal address at which to place the marker on the map
lat	- a floating-point number that represents a measure of latitude coordinates on the map at which to place the marker
long	- a floating-point number that represents a measure of longitude coordinates on the map at which to place the marker

<param>

- tag param have location description:

caption	- parameter name
multiline	- if set is true - description field is multiline

Note: The position of a marker on a map can be set by two ways, parameters lat, long or parameter address. Use of latitude and longitude coordinates is more exact method.

Configuration step by step

Step 1

Copy files:

Copy the thumb.aspx (thumb.php), , PanTool.swf, Marker.swf, House.png from the archive to the folder with your html page.

Step 2

Inserting flash object:

Flash object can be inserted in page through the menu option "Insert -> Media -> Flash Yahoo Maps" or in the Insert Bar.

Step 3

Save new flash object:

Save new swf file under any name. For example, map. SWF file will be automatically created at an insert.

Step 4

Set flash object size:

The flash object appears in your document window in "Design view". You need to set the flash object width and height according to the real gallery size (which appears in browser) by dragging the sizing handles.

Step 5

Set App ID:

Specify yours application ID in parameter appID. The application ID is required to use the Flash Yahoo Maps. You can get an application ID here.

Step 6

Set server parameters:

If your server supports ASP.NET and PHP, we recommend that you use server scripts to create thumbnails. To do so, specify in the parameter srvThumbFile thumb.aspx for server with support for ASP.NET or thumb.php server with support for PHP.

Step 7

Edit XML file:

Create new XML file or edit the file from archive. In this file you should specifies your locations and the description for them. To specify the location of object on the map it is possible in two ways, using attribute address or attributes lat and long.

Step 8

Set path to XML file:

After you have made XML file, you should set to it a path in the parameters of flash element, parameter xmlSource. (Click on Flash Object, then F9).

Step 9

Search coordinates:

For definition of more exact coordinates of object (or initial coordinates of the map) turn on parameter geocodeVisible, then it can be turn off.

Step 10

Set map’s initial position:

It is possible to specifie the map’s initial position in two ways, using parameter mapStartAddress or mapStartBounds.

Step 11

Locations list:

In param. locationsHeaderCations is possible to define array of parameters name (same as value of caption attribute of tag param in the xml file) which shows in the locations list. Also using parameter locationsVisible you can hide the locations list.

Step 12

Marker parameters:

In parameter markerParams is possible to define array of parameters name which shows in the marker short description. For the marker appearance you can use any picture. For this purpose establish a path to your image file in parameter markerIconFile.

Other

Set parameters:

By establishing values of parameters flash element you can change appearance of map. The bold font specifies the most important parameters of flash object. All parameters of the Flash Yahoo Maps appearance can be configured in "Tag Inspector.

Home

About Us

Services

Extensions

Contacts