java怎么添加地图_javaweb怎样添加百度地图

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼

pageEncoding="utf-8"%>

body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}

IP定位获取当前城市

//利用ip定位当前城市

function myFun(result){

var cityName = result.name;

map.setCenter(cityName);

//alert("当前定位城市:"+cityName);

}

var myCity = new BMap.LocalCity();

myCity.get(myFun);

// 百度地图API功能

var map = new BMap.Map("allmap");

var point = new BMap.Point(116.331398,39.897445);

map.centerAndZoom(point,12);

map.enableScrollWheelZoom();

// 定义一个控件类,即function

function ZoomControl(){

// 默认停靠位置和偏移量

this.defaultAnchor = BMAP_ANCHOR_TOP_LEFT;

this.defaultOffset = new BMap.Size(10, 10);

}

// 通过JavaScript的prototype属性继承于BMap.Control

ZoomControl.prototype = new BMap.Control();

// 自定义控件必须实现自己的initialize方法,并且将控件的DOM元素返回

// 在本方法中创建个div元素作为控件的容器,并将其添加到地图容器中

ZoomControl.prototype.initialize = function(map){

// 创建一个DOM元素

var div = document.createElement("div");

// 添加文字说明

div.appendChild(document.createTextNode("周边资源搜索"));

div.appendChild(document.createElement("br"));

div.appendChild(document.createElement("br"));

div.appendChild(document.createTextNode("关键字 "));

var input = document.createElement('input'); //创建input节点

input.setAttribute('type', 'text'); //定义类型是文本输入

input.setAttribute('size', '15px'); //定义类型是文本输入

input.setAttribute('id','keyword');

div.appendChild(input );

div.appendChild(document.createElement("br"));

div.appendChild(document.createTextNode("搜索范围 "));

var input1 = document.createElement('input'); //创建input节点

input1.setAttribute('type', 'text'); //定义类型是文本输入

input1.setAttribute('size', '15px'); //定义类型是文本输入

input1.setAttribute('id', 'searchscope'); //定义类型是文本输入

div.appendChild(input1 );

div.appendChild(document.createElement("br"));

div.appendChild(document.createTextNode("搜索内容 "));

var input2 = document.createElement('input'); //创建input节点

input2.setAttribute('type', 'text'); //定义类型是文本输入

input2.setAttribute('size', '15px'); //定义类型是文本输入

input2.setAttribute('id', 'searchcontent');

div.appendChild(input2 );

div.appendChild(document.createElement("br"));

div.appendChild(document.createElement("br"));

var button = document.createElement('input'); //创建input节点

button.setAttribute('type', 'button'); //定义类型是文本输入

button.value="搜索"; //定义类型是文本输入

button.id='search1';

div.appendChild(button );

// 设置样式

div.setAttribute('align','center');

div.style.cursor = "pointer";

div.style.border = "1px solid gray";

div.style.backgroundColor = "white";

div.style.width="250px";

div.style.height="200px";

// 绑定事件,点击一次放大两级

div.onclick = function(e){

map.setZoom(map.getZoom() + 2);

}

// 添加DOM元素到地图中

map.getContainer().appendChild(div);

// 将DOM元素返回

return div;

}

// 创建控件

var myZoomCtrl = new ZoomControl();

// 添加到地图当中

map.addControl(myZoomCtrl);

//周边搜索

$("#search1").click(function(){

var searchN=document.getElementById("keyword").value;

var searchscope=document.getElementById("searchscope").value;

var searchcontent=document.getElementById("searchcontent").value;

var myKeys = [searchN, searchcontent];

var local = new BMap.LocalSearch(map, {

renderOptions:{map: map, panel:"r-result"},

pageCapacity:5

});

local.searchInBounds(myKeys, map.getBounds());

//local.searchNearby(myKeys,point,searchscope);

});