航空衛星写真の表示
航空衛星写真表示の機能をご利用いただく場合
本機能はオプション扱いとなります。
利用をご希望される場合は、営業担当もしくはサポートまでご連絡ください。
このページでは以下の方法について説明しています。
- 航空衛星写真を表示する方法
対象クラス
対象関数
実装方法
航空衛星写真を表示する
- 地図の初期化時のオプションパラメータにてタイル種別に'satellite'を指定します
- 表示したいタイミングでMap#setTileType()に'satellite'を指定します
通常地図に戻す場合は、Map#setTileType()に'tile'を指定します
サンプルコード
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>航空衛星写真を表示する</title>
<script src="https://{HOST}/{CID}/v2/map_script?host={example.com}&signature={XXXXXXXXX}&request_code={YYYYYYYYY}"></script>
<script>
function initMap(){
const center = new mapscript.value.LatLng(35.68081, 139.76779);
// (1) 地図を初期化します
const map = new mapscript.Map('{CID}', {
target: '#map',
center: center,
zoomLevel: 15,
options: {
tiletType: 'satellite'
}
});
// (2) 表示したいタイミングでMap#setTileType()に'satellite'を指定
map.setTileType('satellite');
// (2) 通常地図に戻す
map.setTileType('tile');
}
</script>
</head>
<body onload="initMap()">
<div id="map" style="height: 500px; width: 500px;"></div>
<body>
</html>