1, Quote JS:
<type= "Text/javascript" src= "http://api.map.baidu.com/api?v=2.0 &ak=87be68605271c5e4cfe712787041be0a "></script>
2. HTML:
Longitude:<inputname= "Longitude"onkeyup= "Dingwei ()"value= "@row ["Longitude "]. ToString () "Type= "text"/><spanclass= "Valid nullable"Rule= "Number"msg= "Please fill in numbers"></span>Latitude:<inputname= "Latitude"onkeyup= "Dingwei ()"value= "@row ["latitude "]. ToString () "Type= "text"/><spanclass= "Valid nullable"Rule= "Number"msg= "Please fill in numbers"></span>
3, JS code:
<script type= "Text/javascript" >varmap; varLevel = 17; varmarker; $(function () { //Map PositioningMap =NewBmap.map ("Map"); varTop_right_navigation =NewBmap.navigationcontrol ({anchor:bmap_anchor_top_right, type:bmap_navigation_control_small});//Upper right corner, with only pan and zoom buttonsMap.addcontrol (top_right_navigation); Map.addeventlistener ("Zoomend",function() { level=Map.getzoom (); }); varPoint =NewBmap.point (117.218, 31.861); Map.centerandzoom (point, Level); Marker=NewBmap.marker (Point, {enabledragging:true }); Marker.addeventlistener ("Dragging",function(EVT) {$ ("Input[name= ' longitude ')"). Val (evt.point.lng) $ ("Input[name= ' latitude ')"). val (Evt.point.lat)}); Map.addoverlay (marker); Dingwei (); }); //Map Positioning functionDingwei () {if(Simpovalidate.valid ()) {//Validate Input varInputlongitude = $ ("input[name= ' longitude ')"); varInputlatitude = $ ("input[name= ' latitude ')"); if($.trim (Inputlongitude.val ()) = "" "&& $.trim (Inputlatitude.val ())! =" ") { varLongitude =parsefloat (Inputlongitude.val ()); varLatitude =parsefloat (Inputlatitude.val ()); varPoint =Newbmap.point (longitude, latitude); Map.centerandzoom (point, Level); Marker.setposition (point); } } }</script>
View Code
Baidu Map API for map positioning