XHTML and VML-GoogleMaps/API/doc/Introduction/03-XHTMLandVML-N☆E 学習帳
XHTML and VML
http://www.google.com/apis/maps/documentation/
Version 2 (2006.4)
We recommend that you use standards-compliant XHTML on pages that contain maps. When browsers see the XHTML DOCTYPE at the top of the page, they render the page in "standards compliance mode," which makes layout and behaviors much more predictable across browsers.
If you want to show polylines on your map (like the lines used by Google Maps to show driving directions), you need to include the VML namespace and some CSS code in your XHTML document to make everything work properly in IE. The beginning of your XHTML document should look something like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>My Google Maps Hack</title>
<style type="text/css">
v\:* {
behavior:url(#default#VML);
}
</style>
<script src="http://maps.google.com/maps?file=api&v=2&key=abcdefg" type="text/javascript"></script>
</head>
Version 1
(2005.12)
We recommend that you use standards-compliant XHTML on pages that contain maps. When browsers see the XHTML DOCTYPE at the top of the page, they execute the page in "standards compliant mode," which makes layout and behaviors much more predictable across browsers.
(2005.12)
If you want to show polylines on your map (like the lines used by Google Maps to show driving directions), you need to include the VML namespace and some CSS code in your XHTML document, to make everything work properly in IE. Your XHTML document should begin like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Your Page Title Here</title>
<style type="text/css">
v\:* {
behavior:url(#default#VML);
}
</style>
<script src="http://maps.google.com/maps?file=api&v=1&key=abcdefg" type="text/javascript"></script>
</head>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
v\:* {
behavior:url(#default#VML);
}
おまじないだと思って唱えておきます。
右の画像の「入門 Ajax」を読むと、どうやら
v\:* {
behavior:url(#default#VML);
}
これは IE で GPolyline を使う時に必要らしい
| ページ名: | GoogleMaps/API/doc/Introduction/03-XHTMLandVML | |
| ページ作成: | 2006/09/29 21:39:46 JST(6607d) | |
| 最終更新: | 2006/09/29 21:39:46 JST(6607d) | |
| 編集可: | ||
| リンクページ: | GoogleMaps(6506d) doc(6607d) API(6607d) Introduction(6607d) | |