taka
最新記事 by taka (全て見る)
- 「動画」初完全ワイヤレスイヤホン『Jabra Elite Active 65t』 - 2019年5月17日
- 『YouTube』AIは本当に雇用を奪うのか？ - 2019年5月16日
- VBA 日付で令和を簡単に判定してみよう - 2019年5月7日
- 「動画あり」胃カメラの結果とEchoDotの購入 - 2019年5月4日
- 「お知らせ」少し休養します - 2019年4月19日
ExcelVBAとGoogleマップの連携
今回はExcel VBAを使って【GoogleMap】を表示する方法をご紹介します！
ExcelでGoogleマップを表示する方法はいくつか存在します、今回ご紹介するのはその中の一つです。
ネットでもいくつか紹介されていた記事は見つけましたが、コードを公開しているだけであまり解説がなかったり、AccessVBAのコードだったりとしたので個人的に編集して何とか使用できるレベルにしたつもりですので是非ご覧ください。
GoogleMapを表示する準備
まずGoogleマップを表示する為に必要な準備をしていきましょう。以下の手順を踏んでいきます。
- 表示させるユーザーフォームを作成。
- WebBrowserコントロールで表示するHTMLを作成する
- HTMLに読み込ませるJavaScriptを作成する
- ユーザーフォームMapをに表示させ、JavaScriptに書き込むVBAコードを作成する
今回は3つのファイルを連携させるような形になります。３つの関係性はこのような感じで思ってください。
1.表示させるユーザーフォームを作成
ますGoogleマップを表示するためのユーザーフォームを作成していきます。GoogleマップはWEBページなのでユーザーフォームのWebBrowserコントロールを使います。
WebBrowserコントロール導入についてはこちらで確認してください。
E-VBA
イメージとしてはこんな感じです。
このユーザーフォームに記述するコードは下記のコードだけで十分です。
1 2 3 4 5 6 | Private Sub UserForm_Initialize() 'スクリプトエラーの表記を無視する WebBrowser1.Silent = True End Sub |
※スクリプトエラーが発生し、制御不能になってしまう恐れがあるのでそれを最低限防ぐコードです。今後対策がわかり次第記述します。
2.WebBrowserコントロールで表示するHTMLを作成する
続きまして上記のユーザーフォームを表示させるためのHTMLファイルを作成しましょう。
今回表示するHTMLはこちらのwebサイト様のHTMLを流用させていただきました。
http://tsware.jp/download/accgmap/
※HTMLが少し古いバージョンだったので最新のHTML5に書き換えて使用しています。
ファイル名:index.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 | <!-- saved from url=(0017)http://localhost/ --> <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <title></title> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript" src="mapdata.js"></script> <script type="text/javascript"> var geocoder; var map; var currentInfoWindow = null; function initialize() { geocoder = new google.maps.Geocoder(); var myOptions = {zoom: mapzoom, mapTypeId: google.maps.MapTypeId.ROADMAP} map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); for (var i = 0; i < places.length; i++) { var place = places[i]; var info = '<b>' + place[1] + '</b><br/><br/>' + place[0]; codeAddress(place[0], info, place[2]); } } function codeAddress(address, info, flg) { geocoder.geocode({'address': address}, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { if (flg == 0) { map.setCenter(results[0].geometry.location); } else { var marker = new google.maps.Marker({map: map, position: results[0].geometry.location}); var infowindow = new google.maps.InfoWindow({content: info}); google.maps.event.addListener(marker, 'click', function() { if (currentInfoWindow) { currentInfoWindow.close(); } infowindow.open(map,marker); currentInfoWindow = infowindow; }); } } }); } </script> </head> <body onload="initialize()" style="margin:0px; padding:0px"> <div id="map_canvas" style="width:100%; height:100%;"></div> </body> </html> |
3.HTMLに読み込ませるJavaScriptを作成する
次はHTMLファイルが地図データを読み込むためのJavaScriptを作成しましょう。
ファイルの中身はExcel側で書き込むので【メモ帳】などで新規作成し、ファイル名を【mapdata.js】で作成してください。
4.ユーザーフォームMapをに表示させ、JavaScriptに書き込むVBAコードを作成する
最後にユーザーフォームにHTMLを表示させ、先ほど作成した【mapdata.js】の中身を書き込むコードを作成しましょう
まず【mapdata.js】に書き出しをするために参照設定をする必要があります。
ツール→参照設定→【Microsoft ActiveX Data Objects 〇.〇 Library】
※〇は最新のバージョンを設定してください。
これで準備は完了です、次にコードですが、下記のコードはA列のセルをダブルクリックしたときにA列のデータを読み込んで地図を表示するコードです。
コードを記述するところは赤丸のところに記述してください。
解説はコード中のコメントでしていますのでご参考ください。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 | Private Sub Worksheet_BeforeDoubleClick(ByVal Target As Range, Cancel As Boolean) Dim strm As New ADODB.Stream Dim acbPath As String Dim str As String Dim strData As String '開いているブックのパスを取得 acbPath = ActiveWorkbook.Path '-----地図情報作成(mapdata.jsに書き込む内容) '1 地図を表示するズームを数値で設定 '2地図の中心にする住所を設定 '3アイコンを表示する住所を設定 strData = "var mapzoom = " & 15 & ";" & vbCrLf & _ "var places = [" & vbCrLf & _ "['" & ActiveCell.Text & "','" & ActiveCell.Offset(, 1).Text & "'" & ", 0]," & vbCrLf & _ "['" & ActiveCell.Text & "','" & ActiveCell.Offset(, 1).Text & "', 1]," & vbCrLf & _ "];" & vbCrLf '------地図情報作成終了 With strm 'strData (地図情報)をmapdata.jsに保存 .Charset = "UTF-8" '文字コードの指定 .Open .WriteText strData '保存する内容 .SaveToFile acbPath & "\mapdata.js", adSaveCreateOverWrite '保存先の設定、保存の設定 .Close: Set strm = Nothing End With str = acbPath & "\index.html" 'WebBrowser1に表示するHTMLのパスを設定 UserForm1.Show UserForm1.WebBrowser1.Navigate str '.WebBrowserにindex.html を表示する End Sub |
結果
間違っていなければ下記の画像のような結果が表示されていると思います。
最後に
いかがでしたでしょうか？ExcelとGoogleマップを連携させると住所録などの新しい使用法が生まれるのではないかと思います。今回のコードが何かの役に立てば幸いです。
今回ご紹介したファイルはフリーでダウンロードできるようにしておきますのでご自由にお使いください。
ファイルダウンロード
フォロー・チャンネル登録お願いします
■Twitterフォロー
Follow @takabou63■YouTubeチャンネル登録
ファイルやコードの利用、WEBサイトの利用について
サンプルコードなどは当サイトの免責事項をよくお読みになってからお使いください。Sponsored Link
WordPressでブログを始めるなら
WordPress簡単インストール＆安心の安定性
この記事が気に入ったら
いいねしよう！
最新記事をお届けします。
7 件のコメント
コメントを残す
RECOMMENDこちらの記事も人気です。
プロフィール
どうも本サイト【E-VBA】のtakaと申します！
ひょんなことからVBAを学ぶことになった非IT社員です。
趣味
アニメ・ゲーム、PCやスマートフォンについての情収集という典型的なオタク(^_-)-☆
苦手な分野
英語がどうしても覚えられません( ;∀;)
最近興味があるもの
最近はVBA・WEB関係の本が欲しいです(^^♪
当サイトの環境について
使用OS：
特別企画実施中
企業様との共同企画！
【IT企業てどんな感じ？ブラックが多いの？実際に社長に聞いてきた！」】
内容を拝見致しました、素晴らしいと思います
が、当方インターネットエクスプローラは11なので上手く起動しないのでしょうか…？
７迄しか動かないのでしょうか…？
当方の環境はWindows10、エクセルバージョンはMicrosoft office Home and Business 2013を使用しております
動かない現象内容↓
・sample.xlsmを開き、A2セルをダブルクリックしてuserform1が立ち上がるのですが、肝心のマップが
表示されません…真っ白なのです。ファイルダウンロードし、圧縮ファイルを解凍しフォルダの
sample.xlsmを開き運営者様のように使用すれば稼働すると思われるのですが…
なんででしょうか？(;´･ω･)
是非活用したいと思いますのでご返信お待ちしております。
通りすがり様、コメントありがとうございます(^^♪
確認しましたところ、確かにこの記事の通りに構築した場合、白いページになってしまいました。
私自身、Excel2013、Windows10の環境で動作を確認した後にこの記事を公開したため、通りすがり様の環境は関係ないかと思われます。
原因を探っております、私自身JavaScriptに疎いため時間がかかってしまいますが、、、
おそらくですがGoogleの仕様変更などが考えられます。
別の代替え案等も併せてご紹介できるように頑張ります。
ご返信ありがとうございます！
成程、Google側の仕様変更等問題の可能性でしたか…
調査していただきありがとうございます(^^)/
代替案、是非お待ちしております
当方VBA初心者で勉強中であります、
運営様のサイトをみて改めてVBAってすごいなと思いました、
これからもサイト更新を楽しみにしております、今回はありがとうございました。
自分もVBAで業務ツールを作っております。
GoogleマップとVBAを連携させて使うことができることをこの記事で初めて知りました。
自分も挑戦してみたいです。
ところでひとつ気になったことがあります。
この記事を参考にGoogleマップと連動させたオリジナルのVBAアプリを自作して、社内の業務ツールとして使用した場合、Googleマップのライセンス関係はどうなるのかなと思いました。
タダで開発して使用しててもGoogleさんに怒られないのでしょうか？
経理系社員 様
いつも【E-VBA】をご覧いただきありがとうございます。
管理人のtakaです。
私も他サイト様を参考に作成した物なので、きちんとした説明が出来かねますが、本プログラムはGoogleAPIという者を使用しており、GoogleAPIを使用するにはGoogleにて「APIキー」という物を取得する必要があるのですが、どいう基準なのか本プログラムで使用することができるのが現状です。
社内ツールで使用するという事で規模にもよりますが、Googleでは「1 日あたり最大 25,000 回のマップロードが無料」と記述してあるので問題はないと思います。
参照：「http://design-plus1.com/tcd-w/2016/06/google-maps.html」
参照：「https://developers.google.com/maps/pricing-and-plans/?hl=ja」
ご返信ありがとうございます。
APIキーを必要とするプログラムということはライセンス問題は全くクリアというわけでも無さそうですね。。HTMLやJavaScriptもよく分かっていないので、コーディングスキルとあわせて諸々勉強してきちんと運用できるように頑張ってみます。
今後もブログ更新楽しみにしてます！色々勉強になってます！どうもありがとうございました！
経理系社員様
私自身、非IT社員な上そういう教育を受けたわけではなく完全自己流のため、おそらく間違いなども多々あるかもしれませんが、これからも頑張って更新を続けたいと思います！