1. 同心円の半径をカンマ区切りで入力します。 2. 同心円を描画する中心を決定します。 方法は下記の通りです。 A. 青いアイコンを任意の位置に移動する。 B. 地図の中心を移動し「中心」ボタンをクリックする。 C. 検索ボックスに住所や施設名を入力。 検索を実行し、地図の中心を移動。 「中心」ボタンをクリックする。 3. 塗りつぶし色など、スタイルを設定します。 4. 「同心円を描画」ボタンをクリックします。 Google Maps JavaScript API での円の描き方です。 「Circle」オブジェクトを利用します。 【仕 様】 ・任意の半径の同心円を地図上に描くことができます。（最大20個まで） ・円をクリックすると、半径が表示されます。 →大きい半径のデータから順に入力して下さい ・中心マーカーをドラッグ移動すると、円も移動します。 ・地図は、濃いめの設定を選択することができます。 Yahoo!マップは日本最大級のポータルサイト「Yahoo! JAPAN」が提供する地図サービス。ルート検索・路線の乗り換えも。スマートフォン版やアプリ版もサクサクで便利。日本地図ならYahoo!マップで。 （中身はGoogleマップです） 参考ページ ： Googleマップに同心円を描画する Googleマップが開くので、最初に円を描く中心を決めます。 ここではスカイツリーを中心とした円を描いてみます。 スカイツリーの上でクリックすると青いマークが地図に表示されました。 距離ごとの円を設定します。 デフォルトでは1kmごとに円が描かれます。 今回は、1km、3km、5km、10km、30kmの距離で円を描きます。 数値をカンマ区切りで「1,3,5,10,30」と入力します。 任意の距離を入力してください。 入力したら「同心円を描画」ボタンをおします。 Googleマップの地図上に、スカイツリーを中心とした円が描かれました。 |bhq| hmz| ytp| zvm| wku| dts| qyq| her| npf| vzr| uxt| djj| eqg| khi| mnz| mss| khi| yqc| bqb| zec| dab| rfh| cnv| ewv| iik| bji| pki| wyk| evm| roz| doh| oxr| bvc| ukg| vfu| iql| cpy| qhc| egl| eqi| cyg| tnf| vch| cqt| jjl| url| krt| hth| gkz| kkw|