ホチキス先生の「プログラマーと呼ばれたい」

InfoPath & SQL Server !

Visual Studio 2019 C# アプリケーション開発 – SQL Server と Bing Maps (2) – Bing Maps のカスタム URL を使って WebBrowser コントトールに緯度経度情報から地図を表示する

leave a comment »

Bing Map はカスタム URL を使って経度緯度の値から地図を表示することができる。カスタム URL については以前に書いたページを見てほしい。

Visual Studio 2019 C# アプリケーション開発 – SQL Server と Bing Maps (1) – 緯度経度情報から地図を表示する Bing Maps のカスタム URL について

カスタム URL を使えば、Windows フォーム上の WebBrowser コントロールに任意の緯度経度地点の地図を表示させることができる。

緯度経度の値を使って地図を表示する最小限の基本的なアプリケーションを作ってみよう。まず Windows フォークアプリケーションの C# プロジェクトを作成し、WebBrowserコントロールを作る。WebBrowserコントロールの大きさは 300 × 300 とし、Dock プロパティを None にして適当な位置に置く。

BingMaps_01_001_mid_640.png

次にテキストボックスを 2つとボタンを 1個作る。ボタンのテキストは「BingMaps表示」とし、テキストボックスの前に「緯度」と「経度」のラベルを作る。

BingMaps_01_002_mid_640

ボタンをダブルクリックしてクリックイベントを作る。ボタンをクリックしたときにテキストボックスに入力された値で BingMaps を表示するように、WebBrowser1 コントロールの Navigate メソッドにカスタム URL を書く。

——————————————————————————————————————

private void Button1_Click(object sender, EventArgs e)
{
webBrowser1.Navigate("https://www.bing.com/maps/embed?lvl=18&w=300&h=300&cp= " + textBox1.Text + "~ " + textBox2.Text);
}

——————————————————————————————————————

ビルドして実行し、緯度と経度をテキストボックスに入力してボタンをクリックすると、WebBrowserコントロールにぴったりのサイズで地図が表示される。

BingMaps_01_003_mid_640.png

BingMaps_01_004_mid_640

2019年5月12日

松本 吉生(まつもとよしお)

Microsoft MVP Data Platform
京都に生まれ、神戸で幼少期を過ごす。大学で応用化学を学んだのち、理科教諭として高等学校に勤務する。教育の情報化が進む中で校内ネットワークの構築運用に従事し、兵庫県立明石高等学校で文部科学省の「光ファイバー網による学校ネットワーク活用方法研究開発事業」に携わる。兵庫県立西宮香風高等学校では多部制単位制の複雑な教育システムを管理する学籍管理データベースシステムをSQL ServerとInfoPath、AccessなどのOfficeソフトウエアによるOBA開発で構築・運用する。2015年から2017年まで兵庫県立神戸工業高等学校でC#プログラミング、IoTなどのコンピュータ教育を行い、現在は兵庫県立神戸甲北高等学校に勤務する。2004年からマイクロソフトMVP(Microsoft Most Valuable Professional)を受賞し、現在15回目の連続受賞。2016年にマイクロソフト認定教育者(Microsoft Innovative Educator Experts : MIEE)を受賞し、現在4回目の連続受賞。

広告

Written by Yoshio Matsumoto

2019年5月12日 @ 1:03 PM

カテゴリー: 未分類

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。