定義 | <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)