yahoo map使う案件があった。
中国人向けのサイトで、でも中国ではgoogleが禁止されてるからgoogle mapも使えない。
それでyahoo mapというわけ。

んで、普通にチュートリアル などをみながら設置してみたのだけど、地図がでない。

チュートリアルのソースだけなら出るのに、サイトに組み込んでみると地図がでない。
なんぞ。

と思って1つ1つソースを消しながらどいつが原因なのか探っていったら見つけた。
なんとcssに原因がいた。

犯人はこいつ

img{
max-width:100%;

でかい画像が投稿されてもレイアウトをぶちぬかないように、imgにmax-width:100%をつけてたんだけどね、これがあるとyahoomapがダメみたい。

たぶんマップエリア内に巨大な画像をおいてそれを動かすことで地図を実現してうから、max-width:100%とかやっちゃうと機能しないんだろうなと推測。

解決方法は1行追加するだけ

#map img{max-width:none;}

<div id="map"></div>

の中でのimgのmax-widthを解除するだけ。


解決!

ホッ