Author Archives: AKIYAMA

2013-12-21

Google Mapsの埋め込み機能と深大寺そば

単純に地図を埋め込みたいだけなら、埋め込み機能でも出来るのでした。もちろんJavaScriptで色々出来るわけではありませんが。

地図は神代植物公園の南側で「そば」を検索した結果。いわゆる深大寺そばです。何回か同僚と自転車で行ってます。

今のところ私たちの中で一番評価が高かったのは「湧水」でしょうか。

今週久しぶりに行く予定だったのですが、雨で流れてしまいました。

2013-12-20 , , ,

Blog(org-mode)にGoogle Mapsを埋め込むテスト

BlogにGoogle Mapsを埋め込むテスト。


普通にorg文書に#+BEGIN_HTMLから#+END_HTMLを書いて、その中にscriptを書いてみる。

#+BEGIN_HTML
<script src="http://maps.google.com/maps/api/js?sensor=true">
</script>
<script>
var div = document.createElement("div");
div.style.width = "100%";
div.style.height = "400px";
div.style.border = "solid";
var currscr = (function(n){return n.nodeName.toLowerCase() != "script" ? arguments.callee(n.lastChild) : n;})(document);
currscr.parentNode.insertBefore(div, currscr);

var mapOptions = {
zoom:10,
center: new google.maps.LatLng(35.0, 139.0),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(div, mapOptions);
</script>
#+END_HTML

これを複数投稿すると <script src="http://maps.google.com/maps/api/js?sensor=true"> の部分が複数実行されてどうなるのか不明。