效果(新版Firefox中测试):
代码:
<br><br><br> <meta http-equiv="content-type" content="text/html;charset=utf-8"><br> <title>Google Map</title><br> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script><br> <script type="text/javascript"><br /> function init()<br /> {<br /> // 获取当前位置<br /> navigator.geolocation.getCurrentPosition(function(position)<br /> {<br /> var coords = position.coords;<br /> // 设定地图参数,将当前位置的经纬度设置为中心点<br /> var latlng = new google.maps.LatLng(coords.latitude,coords.longitude);<br /> var myOptions = <br /> {<br /> // 放大倍数<br /> zoom:14, <br /> // 标注坐标<br /> center:latlng,<br /> // 地图类型<br /> mapTypeId:google.maps.MapTypeId.ROADMAP<br /> };<br /> var map1;<br /> // 显示地图<br /> map1 = new google.maps.Map(document.getElementById('map'),myOptions);<br /> // 创建标记<br /> var marker = new google.maps.Marker(<br /> {<br /> position:latlng,<br /> map:map1<br /> });<br /> // 设定标注窗口,附上注释文字<br /> var infowindow = new google.maps.InfoWindow(<br /> {<br /> content:"当前位置"<br /> });<br /> // 打开标注窗口<br /> infowindow.open(map1,marker);<br /> });<br /> }<br /> </script><br><br><br> <div id="map"></div><br><br>
Google Maps JavaScript API v3(参考文档):https://developers.google.com/maps/documentation/javascript/basics
百度地图API的参考文档:http://developer.baidu.com/map/jsmobile.htm