これ以上苦労せずに、私はあなたに直接コードを投稿します。特定のコードは次のとおりです。
重要なコードは次のとおりです。
<!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>