MMap

version 0.2

Class: MMap.Marker.Images

画像をスライドさせて表示するマーカー。

Extends:

MMap.Marker.Core

Method: constructor

Syntax:

var myMarker = new MMap.Marker.Images(options);

Arguments:

  1. options - (mixed) マーカーのオプション

Options:

  • map - (Map) マーカーを表示するMapオブジェクト
  • className - (string) マーカーに適用するスタイル(CSSのクラス名)
  • images - (array) マーカーに表示する画像情報
  • current - (number) 初期時に表示する画像の番号
  • interval - (number) 画像をスライドさせる感覚
  • duration - (number) アニメーションの持続時間
  • autoplay - (boolean) trueを設定した場合、自動で画像をスライドします。デフォルトはtrueです。
  • position - (LatLng) マーカーの座標位置
  • zIndex - (number) マーカーの表示順序
  • visible - (boolean) マーカーの表示状態
  • active - (boolean) マーカーのアクティブ状態
  • onClick - (function) マーカーをクリックした時に発生します。
  • onDblClick - (function) マーカーをダブルクリックした時に発生します。
  • onMouseOver - (function) マーカーのマウスオーバー時に発生します。
  • onMouseOut - (function) マーカーのマウスアウト時に発生します。
  • onMouseUp - (function) マーカーのマウスアップ時に発生します。
  • onMouseDown - (function) マーカーのマウスダウン時に発生します。
  • onVisibleChanged - (function) マーカーの表示状態が変わった場合に発生します。
  • onZIndexChanged - (function) マーカーの表示順序が変わった場合に発生します。
  • onPositionChanged - (function) マーカーの表示座標が変わった場合に発生します。
  • onCurrentChanged - (function) 画像が切り替わった時に発生します。
  • onActive - (function) マーカーの表示座標が変わった場合に発生します。

images

下記の情報を持つオブジェクトの配列

  • title - (number) 画像のタイトル
  • image - (boolean) 画像のURL
  • url - (boolean) URL

Method: setCurrent

指定した画像を現在の画像に設定します。

Syntax:

marker.setCurrent(1);

Arguments:

  1. index - (number) 画像の番号

Method: getCurrent

現在の画像番号を返します。

Syntax:


	marker.getCurrent();

Returns:

(number) - 現在の画像番号

Method: getCurrentImage

現在の画像の情報を取得します。

Syntax:


	marker.getCurrentImage();

Returns:

(object) - 現在の画像の情報

Method: getImages

画像に設定されている画像情報を取得します。

Syntax:

var images = marker.getImages();

Returns:

(array) 画像に設定されている画像情報

Method: setImages

マーカーに画像を設定します。

Syntax:

marker.setImages(images);

Arguments:

  1. images - (array) 設定する画像

Returns:

(object) marker object

Method: addImage

画像をマーカーに追加します。

Syntax:

marker.addImage(image);

Arguments:

  1. image - (object) 追加する画像の情報

Returns:

(object) marker object

Method: addImages

画像を複数マーカーに追加します。

Syntax:

var images = [{  
    title: 'demo3',  
    image: '../Demos/images/demo/img03.jpg',  
    url: 'http://sharedhat.com'  
}, {  
    title: 'demo4',  
    image: '../Demos/images/demo/img04.jpg',  
    url: 'http://sharedhat.com'  
}];  
marker.addImages(images);

Arguments:

  1. images - (array) 追加する画像

Method: removeImage

マーカーから画像を削除します。

Syntax:

marker.removeImage(image);

Arguments:

  1. image - (object) マーカーから削除する画像

Method: removeImages

マーカーから複数の画像を削除します。

Syntax:

//When you enumerate the marker  
marker.removeImages(image1, image2);  

//When specifying it by the array  
var images = [image1, image2];  
marker.removeImages(images);

Arguments:

  1. images - (mixed) マーカーから削除する画像

Method: isStart

マーカーの画像のスライド状態を返します。

Syntax:

if (marker.isStart()) {  
    console.log('It is executing it.');  
}

Returns:

(boolean) スライドの開始状態

Method: start

画像のスライドを開始します。

Syntax:

marker.start();

Method: stop

画像のスライドを停止します。

Syntax:

marker.stop();

Copyright(c) 2010 Noritaka Horio All Rights Reserved.