該樓層疑似違規已被系統折疊?隱藏此樓查看此樓

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);

});

總結

以上是生活随笔為你收集整理的java怎么添加地图_javaweb怎样添加百度地图的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。