カテゴリー別アーカイブ: Yahoo!地図

Yahoo!地図クリック検索 for Google Chrome Extensionを作ってみました。


Yahoo!地図の地図画像上に書かれている地名やマークをクリックできるYahoo!地図APIの新機能「注記クリックプラグイン」を使って、クリックするとYahoo!検索での検索結果が表示されるGoogle Chrome Extensionを作ってみました。

ときどき地図画像内の難しい漢字の地名をコピペしたいのに、
できないことがあったので、そういうときにも便利な気がします。

▼Yahoo!地図クリック検索 for Google Chrome Extension
https://chrome.google.com/extensions/detail/jijjoiifjkmkdgnalajckocnefpflokh

Googleマップ(クリック検索はできません)やストリートビューにも切り替えられます。

Yahoo!地図で吹き出しに長い文字列を入れると幅を設定しても折り返しが効かない件の解決策


IE以外のブラウザであれば、以下のスタイルを追加するだけでOK
※吹き出しの大外をdiv.popupで囲っているとき。

<style type="text/css">
<!--
div.popup,
div.popup *{
width:999px;←任意の幅に変更する
white-space:normal;
}
-->
</style>

でも、IEではスタイルがうまく効かないので、
JSを使ってtdのnoWrapを削除してやる。

<script type="text/javascript">
<!--
onload = function() {
//popup_topleft_messageの親tdからnowrapを削除
var popup_messageID = document.getElementById('popup_topleft_message');
var popup_messageIDparent = popup_messageID.parentNode;
popup_messageIDparent.removeAttribute("noWrap");
};
//-->
</script>

吹き出しの外側にspan id=”popup_topleft_message”があるので、
その外側のtdからnowrapを削除する感じ。