关于使用百度地图的一些使用方法

获取地区轮廓线 *//加入百度地图引用*

.schoolBtn{
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
border: none;
width: 60px;
height: 30px;
border-radius: 4px;
}

搜索位置: 搜索 当前位置: 城市定位: 全国 北京市 天津市 河北省 山西省 内蒙古自治区 辽宁省 吉林省 黑龙江省 上海市 江苏省 浙江省 安徽省 福建省 江西省 山东省 河南省 湖北省 湖南省 广东省 广西壮族自治区 海南省 重庆市 四川省 贵州省 云南省 西藏自治区 陕西省 甘肃省 青海省 宁夏回族自治区 新疆维吾尔自治区 台湾省 香港特别行政区 澳门特别行政区

*地图显示的div*

//新建地图
var map = new BMap.Map(“container”);

*//默认地图中心北京的经纬度*
var point = new BMap.Point(116.331398,39.897445);

*//显示缩放图标和鼠标滚动功能*
  map.addControl(new BMap.NavigationControl());
  map.enableScrollWheelZoom(true)
  map.centerAndZoom(point,10);
  var lng = 0.0
  var lat = 0.0
  var citys = ''
  var movelng = 0.0
  var movelat = 0.0
  var clickres = {}
  var isCril = false
  var oldPoint = {}
  var oldcircle = []
  window.onload=function(){

*//根据输入框定位你要显示的位置*
var selCity = document.getElementById('province_select')
document.getElementById('localid').value = selCity.value
var index=selCity.selectedIndex
var value = selCity.options[index].value;

*//获取下拉框的值*
var cityLng = selCity.options[index].getAttribute('data-lng');
var cityLat = selCity.options[index].getAttribute('data-lat');
var points = new BMap.Point(parseFloat(cityLat),parseFloat(cityLng));
map.centerAndZoom(points, 8);

*//显示缩放图标和鼠标滚动功能*
map.addEventListener("dragend", function(){    
  var center = map.getCenter();   
  movelng = center.lng
  movelat = center.lat
  moveInfo ()
})

*//获取地图点击后的经纬度*
map.addEventListener("click", function(res){ 
  var lngs = res.point.lng
  var lats = res.point.lat
  getCity(lngs, lats, 2) 
})

 }

*//显示当前所在城市判断点击的和圆形覆盖物是不是重复*
  function getCity(lngs, lats, value) {
    var myGeo = new BMap.Geocoder();      
    // 根据坐标得到地址描述
    // 获取所有的圆信息
    var overlays = map.getOverlays();
    var ss = []
    var bb = []
    // 获取所有的圆到点击位置的距离
    for(var i=0;i

}
function submitInfo () {
var a = document.getElementById(“schoolName”).value
var b = document.getElementById(“schoolPeople”).value
var c = document.getElementById(“schoolTel”).value
}
function searchMap() {
var address = document.getElementById(“serchid”).value
var selCity = document.getElementById(‘province_select’).value
var myGeo = new BMap.Geocoder();
// 将地址解析结果显示在地图上,并调整地图视野
myGeo.getPoint(address, function(point){
if (point) {
map.centerAndZoom(point, 16);
map.addOverlay(new BMap.Marker(point));
}
},
selCity);
}

function newCity() {
var selCity = document.getElementById(‘province_select’)
document.getElementById(‘localid’).value = selCity.value
var index=selCity.selectedIndex
var value = selCity.options[index].value;
var cityLng = selCity.options[index].getAttribute(‘data-lng’);
var cityLat = selCity.options[index].getAttribute(‘data-lat’);
// map.removeOverlay(oldPoint)
point = new BMap.Point(cityLat,cityLng);
// oldPoint = new BMap.Marker(point)
map.centerAndZoom(point, 8);
// map.addOverlay(new BMap.Marker(point));
}

##实现百度地图标记添加,位置查找,和标记点到现在位置距离的判断

你可能感兴趣的:(js,web,百度地图)