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"> の部分が複数実行されてどうなるのか不明。