指定地点へ移動
このページでは以下の方法について説明しています。
- 地図の中心を指定地点へ移動する方法
対象クラス
対象関数
実装サンプル
こちらをご覧ください。
実装方法
実装手順
- 地図を初期化します
- setCenter() 関数( Map クラス )を用いて指定した地点へ移動します
サンプルコード
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>指定地点への移動</title> <!-- APIの呼び出し --> <script src="https://{HOST}/{CID}/v2/map_script?host={example.com}&signature={XXXXXXXXX}&request_code={YYYYYYYYY}"></script> <script> let map = null; function initMap(){ // (1) 地図を初期化 map = new mapscript.Map('{CID}', { target: '#map', center: new mapscript.value.LatLng(35.681109, 139.767165), zoomLevel: 15 }); } // (2)指定した地点へ移動 function setCenter() { map.setCenter(new mapscript.value.LatLng(35.690485, 139.700475)); } </script> </head> <!-- 初期化関数の呼び出し --> <body onload="initMap()"> <div id="map" style="height: 500px; width: 500px;"></div> <input type="button" value="新宿へ移動" onclick="setCenter()"/> </body> </html>