これ以上苦労せずに、私はあなたに直接コードを投稿します。特定のコードは次のとおりです。
重要なコードは次のとおりです。
<！doctype html> <html lang = "zh-cn"> <head> <meta name = "viewport" content = "initial-scale = 1.0、user-scalable = no" /> <meta http-equiv = "content-type" content = "text /html; type = "text/css"> html {height：100％;} body {height：100％; margin：0px; padding：0px;}＃container {height：50％;} </style> <script src = "http://code.jquery.com/jquery1.11.0.min.js"> </script> src = "http://api.map.baidu.com/api?v=1.4" type = "text/javascript"> </script> <script = "text/javascript" src = "http://developer.baidu.com/map/jsmo/demo/convertor.js"> <> <> <> <> {navigator.geolocation.getCurrentPosition（translatePoint）; function lransatepoint（position）{var currentlat = position.coords.latitude; //経度var currentlon = position.longitute; initmap）; // conderates}関数initmap（point）{// Map Map = new bmap.map（ "container"）; // instance container map.addcontrol（new bmap.navigationcontrol（））; //ズームコントロールmap.addcontrol（new bmap.addcontrol（new bmap.sscontrol（）; // control（）; bmap.overviewmapcontrol（））; //サムネイルマップ制御map.centerandzoom（point、15）; //マップ初期化、パラメーターマップ座標、およびレベルMap.addoverlay（new bmap.marker（point））; // marker（point））; ZoomControl（）; map.addcontrol（myzoomctrl）; function zoomcontrol（）{this.defaultanchor = bmap_anchor_top_left; //コントロールの位置を調整するthis.defaultoffset = new bmap.size（10、10）; //ピクセルを介して位置を調整} //コントロールをカスタマイズして、拡大ZoomControl.Prototype = new bmap.Control（）; ZoomControl.Prototype.initialize = function（map）{var div = control（）; document.createelement（ "div"）; div.appendChild（document.createTextNode（ "Zoomination 2 levels"））; div.style.cursor = "pointer"; div.style.border = "1px solid grey"; div.style.backgroundcolor = "white"; div.onclick = futsunt（e）{e）{e） 2）;} map.getContainer（）。appendChild（div）; return div;}} </script> </head> <body> <div id = "container"> </div> </body> </html>