- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：googlemap v3 のDTD宣言について）
GoogleMap V3のDTD宣言とは？ ソースの変換方法や表示されない理由を解説
このQ&Aのポイント
- GoogleMap V3のDTD宣言について解説します。Google APIのリファレンスから取得したソースをDreamweaverにコピペしても、XHTMLに変換すると表示されないことがあります。他のエディタでも同様の結果になる場合もあります。この問題に対しては、地図をiframeに入れる方法もありますが、XHTMLで統一したい場合には対応できません。
- 具体的には、GoogleMap V3のDTD宣言は「<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">」です。この宣言がないと、ソースをXHTMLに変換しても正しく表示されません。また、Dreamweaverのようなエディタやさくらエディタでも同じ結果になる場合があります。
- この問題に対しては、地図の表示をiframeに入れる方法も一つの解決策です。しかし、XHTMLで統一したい場合には納得できないかもしれません。DTD宣言がない場合には、ソースの変換によって正しく表示されない可能性があるため、注意が必要です。
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
地図が表示されない原因は、DTD宣言やxhtmlとは関係ないと思います。 御提示のままのコードで、HTML5でも、HTML4にちょこっと直しても表示されません。 表示されない原因は、 <div id="map_canvas" style="width:100%; height:100%"></div> だけで、地図表示サイズの幅と縦を決められないからです。 サンプルサイトの様に、head部にCSS定義 <style type="text/css"> html { height: 100% } body { height: 100%; margin: 0px; padding: 0px } #map_canvas { height: 100% } </style> を加えてやるか、明示的に <div id="map_canvas" style="width:800px; height:600px"></div> のように指定してやれば、表示されます。
お礼
ありがとうございます。 教えていただいたとおりにできました。 V2のときはDTDは自在に変えられたのですが、V3ではDTDを外さないと表示されなかったので、HTML5仕様？？？と思っていました。 いまいち腑に落ちない感じはあるのですが解決できてうれしいです。 感謝です。