효과 (새 버전의 Firefox에서 테스트) :
암호:
<! doctype><html>
<헤드>
<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 (함수 (위치)
{
var coords = position.coords;
// 맵 매개 변수를 설정하고 현재 위치의 위도와 경도를 중심 지점으로 설정합니다.
var latlng = new Google.maps.latlng (coords.latitude, coords.longitude);
var myoptions =
{
// 배율
줌 : 14,
// Mark 좌표
센터 : latlng,
// 맵 유형
MapTypeid : google.maps.maptypeid.roadmap
};
var map1;
//지도 표시
map1 = new Google.maps.map (document.getElementById ( 'map'), myoptions);
// 태그를 만듭니다
var 마커 = 새로운 Google.maps.marker (
{
위치 : latlng,
지도 : MAP1
});
// 마킹 창을 설정하고 주석 텍스트를 첨부하십시오
var infowindow = new Google.maps.infowindow (
{
내용 : "현재 위치"
});
// 레이블 창을 엽니 다
Infowindow.open (Map1, 마커);
});
}
</스크립트>
</head>
<body onload = "init ()">
<div id = "map"> </div>
</body>
</html>
Google 매핑 JavaScript API V3 (참조 문서) : https://developers.google.com/maps/documentation/javaScript/basics
Baidu지도 API에 대한 참조 문서 : http://developer.baidu.com/map/jsmobile.htm