Effect(Firefoxの新しいバージョンでテスト):
コード:
<!doctype><html>
<head>
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
<Title> Googleマップ</title>
<script type = "text/javascript" src = "http://maps.google.com/maps/api/js?sensor=false"> </script>
<script type = "text/javascript">
関数init()
{
//現在の場所を取得します
navigator.geolocation.getCurrentPosition(function(position)
{
var coords = position.coords;
//マップパラメーターを設定し、現在の位置の緯度と経度を中心点として設定します
var latlng = new google.maps.latlng(coords.latitude、coords.longitude);
var myoptions =
{
//拡大
ズーム:14、
//マーク座標
センター:latlng、
//マップタイプ
maptypeid:google.maps.maptypeid.roadmap
};
var map1;
//マップを表示します
map1 = new Google.maps.map(document.getElementById( 'Map')、myoptions);
//タグを作成します
var marker = new google.maps.marker(
{
位置:latlng、
マップ:Map1
});
//マーキングウィンドウを設定し、コメントテキストを添付します
var infowindow = new google.maps.infowindow(
{
コンテンツ:「現在の場所」
});
//ラベルウィンドウを開きます
infowindow.open(map1、marker);
});
}
</script>
</head>
<body onload = "init()">
<div id = "map"> </div>
</body>
</html>
GoogleマップJavaScript API V3(参照ドキュメント):https://developers.google.com/maps/documentation/javascript/basics
Baidu Map APIのリファレンスドキュメント:http://developer.baidu.com/map/jsmobile.htm