applican

マイページに戻る

Maps

地図機能を制御する事が出来ます。

Android の場合は Google Maps の API キーを設定する必要があります。

機能

利用用途

地図を扱いたい場合こちらの機能をご利用ください。

【対応ランタイムバージョン】

ランタイムのバージョン毎に最適化したサンプルをダウンロードしてご使用ください。

サンプル map
サンプル map
サンプル map

メソッド

  • addMarkers(Array markers, Function SuccessCallback, Function ErrorCallback)
  • getBounds(Function SuccessCallback, Function ErrorCallback)
  • getCameraPosition(Function SuccessCallback, Function ErrorCallback)
  • getFromLocationName(String locationName, Function SuccessCallback, Function ErrorCallback)
  • getMarkers(Function SuccessCallback, Function ErrorCallback)
  • getRegion(Function SuccessCallback, Function ErrorCallback)
  • hide(Function SuccessCallback, Function ErrorCallback)
  • removeAllMarkers(Function SuccessCallback, Function ErrorCallback)
  • removeMarkers(Array identifiers, Function SuccessCallback, Function ErrorCallback)
  • setCameraPosition(Object cameraPosition, Number duration, Function SuccessCallback, Function ErrorCallback)
  • show(Object options, Number duration, Function SuccessCallback, Function ErrorCallback)

addMarkers

メソッド説明

addMarkers(Array markers, Function SuccessCallback, Function ErrorCallback)

マーカーを追加する。

パラメータ

markers : Array マーカーオプション。オプション一覧
SuccessCallback : Function マーカーを追加出来た場合にCallbackされます。
ErrorCallback : Function マーカーを追加出来なかった場合にCallbackされます。

Return

void

サンプルコード

var markers = [
    {
        identifier: "newphoria",
        coordinate: {
            latitude: 35.6552640,
            longitude: 139.7068899,
        },
        title: "Newphoria Corporation",
        image: "",
    }
];

applican.maps.addMarkers(markers, function(addedMarkers) {
    // 追加完了
    for (var i in addedMarkers) {
        var marker = addedMarkers[i];
        console.log(JSON.stringify(marker));
    }
}, function(error) {
    // 追加失敗
});

getBounds

メソッド説明

getBounds(Function SuccessCallback, Function ErrorCallback)

表示中の地図の境界値を取得する。

パラメータ

SuccessCallback : Function 表示中の地図の境界値を取得出来た場合にCallbackされます。
ErrorCallback : Function 表示中の地図の境界値を取得出来なかった場合にCallbackされます。

Return

void

サンプルコード

applican.maps.getBounds(function(bounds) {
    // 取得完了
}, function(error) {
    // 取得失敗
});

getCameraPosition

メソッド説明

getCameraPosition(Function SuccessCallback, Function ErrorCallback)

カメラ位置を取得する。

パラメータ

SuccessCallback : Function カメラ位置を取得出来た場合にCallbackされます。
ErrorCallback : Function カメラ位置を取得出来なかった場合にCallbackされます。

Return

void

サンプルコード

applican.maps.getCameraPosition(function(cameraPosition) {
    // 取得成功
}, function(error) {
    // 取得失敗
});

getFromLocationName

メソッド説明

getFromLocationName(String locationName, Function SuccessCallback, Function ErrorCallback)

住所から緯度経度を取得する。

パラメータ

locationName : String 住所
SuccessCallback : Function 住所から緯度経度を取得出来た場合にCallbackされます。
ErrorCallback : Function 住所から緯度経度を取得出来なかった場合にCallbackされます。

Return

void

サンプルコード

var options = {
    locationName: "東京都渋谷区東1-26-30"
}
applican.maps.getFromLocationName(options, function(coordinate) {
    // 成功
    document.getElementById("dumpAreaLaunchHttp").value = JSON.stringify(coordinate);
}, function(error) {
    // 失敗
    document.getElementById("dumpAreaLaunchHttp").value = JSON.stringify(error);
});

getMarkers

メソッド説明

getMarkers(Function SuccessCallback, Function ErrorCallback)

マーカーを取得する。

パラメータ

SuccessCallback : Function マーカーを取得出来た場合にCallbackされます。
ErrorCallback : Function マーカーを取得出来なかった場合にCallbackされます。

Return

void

サンプルコード

applican.maps.getMarkers(function(markers) {
    // 取得成功
    for (var i in markers) {
        var marker = markers[i];
        console.log(JSON.stringify(marker));
    }
}, function(error) {
    // 取得失敗
});

getRegion

メソッド説明

getRegion(Function SuccessCallback, Function ErrorCallback)

現在表示されている領域を取得する。

パラメータ

SuccessCallback : Function 現在表示されている領域を取得出来た場合にCallbackされます。
ErrorCallback : Function 現在表示されている領域を取得出来なかった場合にCallbackされます。

Return

void

サンプルコード

applican.maps.getRegion(function(region) {
    // 取得成功
}, function(error) {
    // 取得失敗
});

hide

メソッド説明

hide(Function SuccessCallback, Function ErrorCallback)

地図を非表示にする。

パラメータ

SuccessCallback : Function 地図を非表示に出来た場合にCallbackされます。
ErrorCallback : Function 地図を非表示に出来なかった場合にCallbackされます。

Return

void

サンプルコード

applican.maps.hide(function() {
    // 成功
}, function(error) {
    // 失敗
});

removeAllMarkers

メソッド説明

removeAllMarkers(Function SuccessCallback, Function ErrorCallback)

マーカーを全て削除する。

パラメータ

SuccessCallback : Function マーカーを全て削除出来た場合にCallbackされます。
ErrorCallback : Function マーカーを全て削除出来なかった場合にCallbackされます。

Return

void

サンプルコード

applican.maps.removeAllMarkers(function(removedMarkers) {
    // 削除完了
    for (var i in removedMarkers) {
        var marker = removedMarkers[i];
        console.log(JSON.stringify(marker));
    }
}, function(error) {
    // 削除失敗
});

removeMarkers

メソッド説明

removeMarkers(Array identifiers, Function SuccessCallback, Function ErrorCallback)

マーカーを削除する。

パラメータ

identifiers : Array マーカー識別子。
SuccessCallback : Function マーカーを削除出来た場合にCallbackされます。
ErrorCallback : Function マーカーを削除出来なかった場合にCallbackされます。

Return

void

サンプルコード

var identifiers = [ "newphoria" ];

applican.maps.removeMarkers(identifies, function(removedMarkers) {
    // 削除完了
    for (var i in removedMarkers) {
        var marker = removedMarkers[i];
        console.log(JSON.stringify(marker));
    }
}, function(error) {
    // 削除失敗
});

setCameraPosition

メソッド説明

setCameraPosition(Object cameraPosition, Number duration, Function SuccessCallback, Function ErrorCallback)

カメラ位置を設定する。

パラメータ

cameraPosition : Object カメラ位置オプション。オプション一覧
duration : Number カメラ設定完了までの時間。
SuccessCallback : Function カメラ位置を設定出来た場合にCallbackされます。
ErrorCallback : Function カメラ位置を設定出来なかった場合にCallbackされます。

Return

void

サンプルコード

var position = {
    center: {
        latitude: 35.0,
        longitude: 133.0,
    },
};

applican.maps.setCameraPosition(position, 1000, function (newPosition) {
    // 変更成功
}, function(error) {
    // 変更失敗
});

show

メソッド説明

show(Object options, Number duration, Function SuccessCallback, Function ErrorCallback)

地図を表示する。

パラメータ

options : Object 表示オプション。オプション一覧
duration : Number 表示完了までの時間 (単位 : ミリ秒、初回表示時は無視される、必須引数ではありません)。
SuccessCallback : Function カメラ位置を設定出来た場合にCallbackされます。
ErrorCallback : Function カメラ位置を設定出来なかった場合にCallbackされます。

Return

void

サンプルコード

var options = {
    position: {
        x: 100,
        y: 100,
        width: 480,
        height: 480,
    },
};

applican.maps.show(options, 1000, function() {
    // 表示成功
}, function(error) {
    // 表示失敗
});