| 定義 | <src/Package.js> |
|---|
| 名前空間 | navitime |
|---|---|
| 定義 | <src/Package.js> |
境界線情報保持クラス。
境界線情報保持クラス。
| 名前空間 | navitime.geo |
|---|---|
| 継承関係 | navitime.geo.BoundsInfo |
| サンプル | 1 使用例: 2 var bounds = new navitime.geo.BoundsInfo(0,100,0,100);≫プレインテキスト 使用例: var bounds = new navitime.geo.BoundsInfo(0,100,0,100);≫ハイライト |
| 定義 | <src/navitime/geo/BoundsInfo.js> |
| 名前空間 | navitime.geo |
|---|---|
| 定義 | <src/Package.js> |
右クリックメニュー制御用コントローラークラス
右クリックメニュー制御用コントローラークラス
| 名前空間 | navitime.geo.control |
|---|---|
| 継承関係 | navitime.geo.control.MenuControl |
| サンプル | 1 使用例: 2 // メニュー追加 3 var menu = new navitime.geo.control.MenuControl({ 4 map: map // 表示対象地図インスタンス(setMapメソッドでも可) 5 }); 6 7 // 右クリックをされた場所を取得したい場合。 8 menu.addMenuColumn("緯度経度表示", function(){ 9 var latlng = menu.getLatLng(); 10 alert(latlng.getLat() + " , " + latlng.getLng()); 11 }); 12 13 // 右クリックした場所を中心にしたい場合 14 menu.addMenuColumn("この地点を中心に", function(){ 15 map.panTo(menu.getLatLng()); 16 });≫プレインテキスト 使用例:
// メニュー追加
var menu = new navitime.geo.control.MenuControl({
map: map // 表示対象地図インスタンス(setMapメソッドでも可)
});
// 右クリックをされた場所を取得したい場合。
menu.addMenuColumn("緯度経度表示", function(){
var latlng = menu.getLatLng();
alert(latlng.getLat() + " , " + latlng.getLng());
});
// 右クリックした場所を中心にしたい場合
menu.addMenuColumn("この地点を中心に", function(){
map.panTo(menu.getLatLng());
});≫ハイライト |
| 定義 | <src/navitime/geo/control/MenuControl.js> |
マーカー等の表示位置をコントロール定数
マーカー等の表示位置をコントロール定数
| 名前空間 | navitime.geo |
|---|---|
| 定義 | <src/navitime/geo/ControlPosition.js> |
ボタンなどの表示種別コントロール定数
ボタンなどの表示種別コントロール定数
| 名前空間 | navitime.geo |
|---|---|
| サンプル | 1 使用例: 2 var infoWindow = new navitime.geo.overlay.InfoWindow({ 3 map: map, 4 position: latlng, 5 content: '吹き出しクローズボタンを常時表示', 6 closeButtonDisplay: navitime.geo.DisplayType.ALWAYS 7 });≫プレインテキスト 使用例:
var infoWindow = new navitime.geo.overlay.InfoWindow({
map: map,
position: latlng,
content: '吹き出しクローズボタンを常時表示',
closeButtonDisplay: navitime.geo.DisplayType.ALWAYS
});≫ハイライト |
| 定義 | <src/navitime/geo/DisplayType.js> |
GeoJSONデータ描画クラス。
GeoJSONデータ描画クラス。
| 名前空間 | navitime.geo |
|---|---|
| 継承関係 | navitime.geo.GeoJSON |
| サンプル | 1 使用例: 2 var drawObject = navitime.geo.GeoJSON.draw({map: map, json: json});≫プレインテキスト 使用例:
var drawObject = navitime.geo.GeoJSON.draw({map: map, json: json});≫ハイライト |
| 定義 | <src/navitime/geo/GeoJSON.js> |
緯度経度保持クラス
緯度経度保持クラス
| 名前空間 | navitime.geo |
|---|---|
| 継承関係 | navitime.geo.LatLng |
| サンプル | 1 使用例: 2 var latlng = new navitime.geo.LatLng(35.652832, 139.828491); //DEGREE形式 (※小数点6桁未満は設定しても四捨五入されます) 3 var latlng = new navitime.geo.LatLng(128452240, 503158240); // Millisec形式 4 var latlng = new navitime.geo.LatLng("35.39.10.198", "139.49.42.568"); //DMS形式≫プレインテキスト 使用例:
var latlng = new navitime.geo.LatLng(35.652832, 139.828491); //DEGREE形式 (※小数点6桁未満は設定しても四捨五入されます)
var latlng = new navitime.geo.LatLng(128452240, 503158240); // Millisec形式
var latlng = new navitime.geo.LatLng("35.39.10.198", "139.49.42.568"); //DMS形式≫ハイライト |
| 定義 | <src/navitime/geo/LatLng.js> |
四隅の緯度経度保持クラス
四隅の緯度経度保持クラス
| 名前空間 | navitime.geo |
|---|---|
| 継承関係 | navitime.geo.LatLngBounds |
| サンプル | 1 使用例: 2 var latlng = new navitime.geo.LatLng(35.652832, 139.828491); 3 var map = navitime.geo.Map("map", latlng, 15); 4 5 var NW = map.getBounds().getNorthWest(); // 北西(左上)の緯度経度 6 var NE = map.getBounds().getNorthEast(); // 北東(右上)の緯度経度 7 var SW = map.getBounds().getSouthWest(); // 南西(左下)の緯度経度 8 var SE = map.getBounds().getSouthEast(); // 南東(右下)の緯度経度≫プレインテキスト 使用例:
var latlng = new navitime.geo.LatLng(35.652832, 139.828491);
var map = navitime.geo.Map("map", latlng, 15);
var NW = map.getBounds().getNorthWest(); // 北西(左上)の緯度経度
var NE = map.getBounds().getNorthEast(); // 北東(右上)の緯度経度
var SW = map.getBounds().getSouthWest(); // 南西(左下)の緯度経度
var SE = map.getBounds().getSouthEast(); // 南東(右下)の緯度経度≫ハイライト |
| 定義 | <src/navitime/geo/LatLngBounds.js> |
渋滞表示用レイヤー
渋滞表示用レイヤー
| 名前空間 | navitime.geo.layer.tile |
|---|---|
| 継承関係 | navitime.geo.layer.tile.TrafficJamLayer |
| サンプル | 1 使用例: 2 var trafficJam = new navitime.geo.layer.tile.TrafficJamLayer(); 3 trafficJam.setMap(map);≫プレインテキスト 使用例: var trafficJam = new navitime.geo.layer.tile.TrafficJamLayer(); trafficJam.setMap(map);≫ハイライト |
| 定義 | <src/navitime/geo/layer/TrafficJamLayer.js> |
地図を表示するための基本クラス
地図を表示するための基本クラス
| 名前空間 | navitime.geo |
|---|---|
| 継承関係 | navitime.geo.Map |
| サンプル | 1 //使用例: 2 new navitime.geo.Map("map", new navitime.geo.LatLng(35.652832, 139.828491), 15); 3 4 //オプションありの場合 5 new navitime.geo.Map("map", new navitime.geo.LatLng(35.652832, 139.828491), 15, { 6 wheelzoom:false 7 });≫プレインテキスト //使用例:
new navitime.geo.Map("map", new navitime.geo.LatLng(35.652832, 139.828491), 15);
//オプションありの場合
new navitime.geo.Map("map", new navitime.geo.LatLng(35.652832, 139.828491), 15, {
wheelzoom:false
});≫ハイライト |
| 定義 | <src/navitime/geo/Map.js> |
イベントオブジェクトクラス
イベントオブジェクトクラス
| 名前空間 | navitime.geo |
|---|---|
| 継承関係 | navitime.geo.MouseEvent |
| 定義 | <src/navitime/geo/MouseEvent.js> |
| 名前空間 | navitime.geo |
|---|---|
| 定義 | <src/Package.js> |
円を描画するクラス
円を描画するクラス
| 名前空間 | navitime.geo.overlay |
|---|---|
| 継承関係 | navitime.geo.overlay.Circle |
| サンプル | 1 使用例: 2 var latlng = new navitime.geo.LatLng(35.681178,139.766178); 3 4 var circle = new navitime.geo.overlay.Circle({ 5 map: map, // 表示対象地図インスタンス(setMapメソッドでも可) 6 center: latlng, // 中心点 7 fillColor: '#ff8a00', // 塗りつぶし色 8 fillOpacity: 0.3, // 塗りつぶし透過度(0: 透明 ⇔ 1:不透明) 9 radius: 500, // 半径(m) 10 strokeColor: '#ff0000', // 外周色 11 strokeOpacity: 1, // 外周透過度(0: 透明 ⇔ 1:不透明) 12 strokeWeight: 1, // 外周太さ(ピクセル) 13 zIndex: 100 // その他のオーバーレイと比較したzIndex 14 });≫プレインテキスト 使用例:
var latlng = new navitime.geo.LatLng(35.681178,139.766178);
var circle = new navitime.geo.overlay.Circle({
map: map, // 表示対象地図インスタンス(setMapメソッドでも可)
center: latlng, // 中心点
fillColor: '#ff8a00', // 塗りつぶし色
fillOpacity: 0.3, // 塗りつぶし透過度(0: 透明 ⇔ 1:不透明)
radius: 500, // 半径(m)
strokeColor: '#ff0000', // 外周色
strokeOpacity: 1, // 外周透過度(0: 透明 ⇔ 1:不透明)
strokeWeight: 1, // 外周太さ(ピクセル)
zIndex: 100 // その他のオーバーレイと比較したzIndex
});≫ハイライト |
| 定義 | <src/navitime/geo/overlay/Circle.js> |
吹き出しを描画するクラス
吹き出しを描画するクラス
| 名前空間 | navitime.geo.overlay |
|---|---|
| 継承関係 | navitime.geo.overlay.InfoWindow |
| サンプル | 1 使用例: 2 var latlng = new navitime.geo.LatLng(35.681178,139.766178); 3 4 var infoWindow = new navitime.geo.overlay.InfoWindow({ 5 map: map, // 表示対象地図インスタンス(setMapメソッドでも可) 6 position: latlng, // 緯度経度 7 content: "東京駅", // 内部に表示させる内容 8 pixelOffset: {x: 0, y: -30}, // x: 表示位置X →方向 +, y: 表示位置Y ↓方向 + 9 zIndex: 100, // その他のオーバーレイと比較したzIndex 10 maxWidth: 150, // 吹き出しの最大幅 11 closeButtonDisplay: navitime.geo.DisplayType.ALWAYS // クローズボタンの表示種別 12 });≫プレインテキスト 使用例:
var latlng = new navitime.geo.LatLng(35.681178,139.766178);
var infoWindow = new navitime.geo.overlay.InfoWindow({
map: map, // 表示対象地図インスタンス(setMapメソッドでも可)
position: latlng, // 緯度経度
content: "東京駅", // 内部に表示させる内容
pixelOffset: {x: 0, y: -30}, // x: 表示位置X →方向 +, y: 表示位置Y ↓方向 +
zIndex: 100, // その他のオーバーレイと比較したzIndex
maxWidth: 150, // 吹き出しの最大幅
closeButtonDisplay: navitime.geo.DisplayType.ALWAYS // クローズボタンの表示種別
});≫ハイライト |
| 定義 | <src/navitime/geo/overlay/InfoWindow.js> |
アイコンを描画するクラス
アイコンを描画するクラス
| 名前空間 | navitime.geo.overlay |
|---|---|
| 継承関係 | navitime.geo.overlay.Pin |
| サンプル | 1 使用例: 2 var latlng = new navitime.geo.LatLng(35.681178,139.766178); 3 4 var pin = new navitime.geo.overlay.Pin({ 5 map: map, // 表示対象地図インスタンス(setMapメソッドでも可) 6 icon: "http://xxxx.xx.xx/pin.png", // アイコンのURL(必須) 7 position: latlng, // 表示緯度経度 8 draggable: true, // ドラッグ可否 9 title: "タイトル", // ピンのタイトル 10 zIndex: 100, // 表示順 11 raiseOnDrag: true, // ドラッグ中ピンを手前に表示するか否か 12 cursor: "auto", // マウスを乗せた際のポインタの種類 13 iconPosition: navitime.geo.ControlPosition.CENTER // アイコン画像に対してどの部分を中心にするか 14 });≫プレインテキスト 使用例:
var latlng = new navitime.geo.LatLng(35.681178,139.766178);
var pin = new navitime.geo.overlay.Pin({
map: map, // 表示対象地図インスタンス(setMapメソッドでも可)
icon: "http://xxxx.xx.xx/pin.png", // アイコンのURL(必須)
position: latlng, // 表示緯度経度
draggable: true, // ドラッグ可否
title: "タイトル", // ピンのタイトル
zIndex: 100, // 表示順
raiseOnDrag: true, // ドラッグ中ピンを手前に表示するか否か
cursor: "auto", // マウスを乗せた際のポインタの種類
iconPosition: navitime.geo.ControlPosition.CENTER // アイコン画像に対してどの部分を中心にするか
});≫ハイライト |
| 定義 | <src/navitime/geo/overlay/Pin.js> |
ポリゴンを描画するクラス
ポリゴンを描画するクラス
| 名前空間 | navitime.geo.overlay |
|---|---|
| 継承関係 | navitime.geo.overlay.Polygon |
| サンプル | 1 使用例: 2 var coords = new Array(); 3 coords.push(new navitime.geo.LatLng(35.681178,139.766178)); 4 coords.push(new navitime.geo.LatLng(35.677844,139.766178)); 5 coords.push(new navitime.geo.LatLng(35.677844,139.751456)); 6 coords.push(new navitime.geo.LatLng(35.681178,139.751456)); 7 coords.push(new navitime.geo.LatLng(35.683956,139.757011)); 8 9 var polygon = new navitime.geo.overlay.Polygon({ 10 map: map, // 表示対象地図インスタンス(setMapメソッドでも可) 11 paths: coords, // 5点の座標の配列 12 strokeColor: "#FF0000", // 外周色 13 strokeOpacity: 1, // 外周透過度(0: 透明 ⇔ 1:不透明) 14 strokeWeight: 1, // 外周太さ(ピクセル) 15 fillColor: "#FF8a00", // 塗りつぶし色 16 fillOpacity: 0.3, // 塗りつぶし透過度(0: 透明 ⇔ 1:不透明) 17 zIndex: 100 18 });≫プレインテキスト 使用例:
var coords = new Array();
coords.push(new navitime.geo.LatLng(35.681178,139.766178));
coords.push(new navitime.geo.LatLng(35.677844,139.766178));
coords.push(new navitime.geo.LatLng(35.677844,139.751456));
coords.push(new navitime.geo.LatLng(35.681178,139.751456));
coords.push(new navitime.geo.LatLng(35.683956,139.757011));
var polygon = new navitime.geo.overlay.Polygon({
map: map, // 表示対象地図インスタンス(setMapメソッドでも可)
paths: coords, // 5点の座標の配列
strokeColor: "#FF0000", // 外周色
strokeOpacity: 1, // 外周透過度(0: 透明 ⇔ 1:不透明)
strokeWeight: 1, // 外周太さ(ピクセル)
fillColor: "#FF8a00", // 塗りつぶし色
fillOpacity: 0.3, // 塗りつぶし透過度(0: 透明 ⇔ 1:不透明)
zIndex: 100
});≫ハイライト |
| 定義 | <src/navitime/geo/overlay/Polygon.js> |
ポリラインを描画するクラス
ポリラインを描画するクラス
| 名前空間 | navitime.geo.overlay |
|---|---|
| 継承関係 | navitime.geo.overlay.Polyline |
| サンプル | 1 使用例: 2 var coords = new Array(); 3 coords.push(new navitime.geo.LatLng(35.681178,139.766178)); 4 coords.push(new navitime.geo.LatLng(35.677844,139.766178)); 5 coords.push(new navitime.geo.LatLng(35.677844,139.751456)); 6 coords.push(new navitime.geo.LatLng(35.681178,139.751456)); 7 coords.push(new navitime.geo.LatLng(35.683956,139.757011)); 8 9 var polyline = new navitime.geo.overlay.Polyline({ 10 map: map, // 表示対象地図インスタンス(setMapメソッドでも可) 11 path: coords, // 5点の座標の配列 12 strokeColor: "#FF0000", // 線の色 13 strokeOpacity: 1, // 線の透過度(0: 透明 ⇔ 1:不透明) 14 strokeWeight: 1, // 線の太さ(ピクセル) 15 zIndex: 100 16 });≫プレインテキスト 使用例:
var coords = new Array();
coords.push(new navitime.geo.LatLng(35.681178,139.766178));
coords.push(new navitime.geo.LatLng(35.677844,139.766178));
coords.push(new navitime.geo.LatLng(35.677844,139.751456));
coords.push(new navitime.geo.LatLng(35.681178,139.751456));
coords.push(new navitime.geo.LatLng(35.683956,139.757011));
var polyline = new navitime.geo.overlay.Polyline({
map: map, // 表示対象地図インスタンス(setMapメソッドでも可)
path: coords, // 5点の座標の配列
strokeColor: "#FF0000", // 線の色
strokeOpacity: 1, // 線の透過度(0: 透明 ⇔ 1:不透明)
strokeWeight: 1, // 線の太さ(ピクセル)
zIndex: 100
});≫ハイライト |
| 定義 | <src/navitime/geo/overlay/Polyline.js> |
mochaのroute/shapeの戻り値を元にルート形状を描画する。
mochaのroute/shapeの戻り値を元にルート形状を描画する。
| 名前空間 | navitime.geo.route |
|---|---|
| 継承関係 | navitime.geo.route.Renderer |
| サンプル | 1 使用例: 2 var geojson = geoJsonData; // mochaの戻り値 3 // ルート線の初期化 4 var route = new navitime.geo.route.Renderer(geojson, {map : map, 5 unit : "degree", 6 arrow : true, 7 allRoute : true, 8 lineAttr : {color : "#FF4500", 9 weight : 14, 10 opacity : 0.5, 11 shadow : true}); 12 route.draw(); // ルート線の描画≫プレインテキスト 使用例:
var geojson = geoJsonData; // mochaの戻り値
// ルート線の初期化
var route = new navitime.geo.route.Renderer(geojson, {map : map,
unit : "degree",
arrow : true,
allRoute : true,
lineAttr : {color : "#FF4500",
weight : 14,
opacity : 0.5,
shadow : true});
route.draw(); // ルート線の描画≫ハイライト |
| 定義 | <src/navitime/geo/route/Renderer.js> |
クラスタリング基底要素
クラスタリング基底要素
| 名前空間 | navitime.geo.service.cluster |
|---|---|
| 継承関係 | navitime.geo.service.cluster.ClusterBaseElement |
| 定義 | <src/navitime/geo/service/cluster/ClusterBaseElement.js> |
マーカークラスタリングの管理クラス
マーカークラスタリングの管理クラス
| 名前空間 | navitime.geo.service.cluster |
|---|---|
| 継承関係 | navitime.geo.service.cluster.ClusterCondition |
| サンプル | 1 var elements = [ 2 new navitime.geo.service.cluster.ClusterBaseElement(position1), 3 new navitime.geo.service.cluster.ClusterBaseElement(position2), 4 // 略 5 ]; 6 var condition = new navitime.geo.service.cluster.ClusterCondition({ 7 baseElements: elements, // クラスタリング元要素 8 distance: 100, // クラスタリング対象とする距離 9 listener: function(result) { // クラスタリング結果の通知リスナー 10 // クラスタリング結果(以下オブジェクト)の配列 11 // { 12 // elements: クラスタリングされた要素 (navitime.geo.service.cluster.ClusterBaseElement[]), 13 // position: クラスタリングの代表地点 (navitime.geo.LatLng) 14 // } 15 var clusters = result.clusters; 16 17 // 残りの要素 (navitime.geo.service.cluster.ClusterBaseElement[]) 18 var remainElements = result.remainElements; 19 20 // クラスタリング結果を用いて処理を実装 21 } 22 }); 23 map.addClusterCondition(condition);≫プレインテキスト var elements = [
new navitime.geo.service.cluster.ClusterBaseElement(position1),
new navitime.geo.service.cluster.ClusterBaseElement(position2),
// 略
];
var condition = new navitime.geo.service.cluster.ClusterCondition({
baseElements: elements, // クラスタリング元要素
distance: 100, // クラスタリング対象とする距離
listener: function(result) { // クラスタリング結果の通知リスナー
// クラスタリング結果(以下オブジェクト)の配列
// {
// elements: クラスタリングされた要素 (navitime.geo.service.cluster.ClusterBaseElement[]),
// position: クラスタリングの代表地点 (navitime.geo.LatLng)
// }
var clusters = result.clusters;
// 残りの要素 (navitime.geo.service.cluster.ClusterBaseElement[])
var remainElements = result.remainElements;
// クラスタリング結果を用いて処理を実装
}
});
map.addClusterCondition(condition);≫ハイライト |
| 定義 | <src/navitime/geo/service/cluster/ClusterCondition.js> |
ユーティリティ
ユーティリティ
| 名前空間 | navitime.geo |
|---|---|
| 定義 | <src/navitime/geo/Util.js> |
登録したイベントを保持するクラス。
登録したイベントを保持するクラス。
| 名前空間 | navitime.geo.util |
|---|---|
| 継承関係 | navitime.geo.util.EventListener |
| 定義 | <src/navitime/geo/Util.js> |
Documentation generated by JsDoc Toolkit 2.3.2 (template:aias-frame 1.6.1) on Tue Jun 08 2021 16:24:20 GMT+0900 (JST)