morotaの日記

コムさんのＭＡＰに刺激され、MAP表示を改良した。
改良したといっても、日記ごとのエントリーの下に表示されるリンクと、日記右の地図リンクでタイトル（店名）を表示するようにしただけ。
morotaの食べ歩きMAP
プラグインは
Movable Type用 位置プラグイン
を参考にさせていただいてますが、テンプレートのxml出力を次のように変更。


<?xml version="1.0" encoding="UTF-8" ?>
<markers> <MTEntries lastn="500"><MTLocations> <marker lat="<$MTLocation datum="0" coordinate="latitude"$>" lng="<$MTLocation datum="0" coordinate="longitude"$>" permalink="<$MTEntryPermalink$>"> <title><$MTEntryTitle$></title> </marker> </MTLocations></MTEntries> </markers>


次に、mapのhtmlの方で、マーカを作る部分を次のように変更。


function createMarker(point, permalink, title) {


ここと、

var html = "

" + title+ "

";

ここと、


var marker = createMarker(point, markers[i].getAttribute("permalink"), markers[i].getElementsByTagName("title")[0].firstChild.nodeValue);


ここ。
工夫点は、吹き出しの文字が縦長になってしまったので、divで調整（本を参考に）

あと、HTMLファイルが最初文字化けしてたので、ファイルのencodingをUTF-8で保存するようにした。
（最終的にはメモ帳を使った）
文字化けはこの辺で解決できないでしょうか？＞コムさん