<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}
#l-map{height:100%;width:78%;float:left;border-right:2px solid #bcbcbc;}
#r-result{height:100%;width:20%;float:left;}
</style>
<link rel="stylesheet" type="text/css" href="css/scxnTabDiv.css"/>
<link rel="stylesheet" type="text/css" href="css/baidu.css" />
<title>百度API离线访问示例 </title>
</head>
<body>
<h1 id="title" style="font-size:20px;">百度API离线访问示例</h1>
经度
<input id="x">
</button>
纬度
<input id="y">
</button>
<button onclick="panTo(document.getElementById('x').value,document.getElementById('y').value)">
定位
</button>
<input type="BUTTON" name="FullScreen" value="全图" onclick="initCenterAndZoom()"></input>
<input type="BUTTON" name="FullScreen" value="平移" onclick="panning()"></input>
<input type="BUTTON" name="FullScreen" value="测距" onclick="openDis()"></input>
<input type="BUTTON" name="FullScreen" value="全屏显示" onclick="window.open(document.location, 'big', 'fullscreen=yes')"></input>
<input type="BUTTON" name="FullScreen" value="画线" onclick="openPolyLine()"></input>
<input type="BUTTON" name="FullScreen" value="清除画线" onclick="clearPolyLine()"></input>
<input type="BUTTON" name="FullScreen" value="固定" onclick="disableDragging()"></input>
<input type="BUTTON" name="FullScreen" value="取消固定" onclick="enableDragging()"></input>
<input type="BUTTON" name="FullScreen" value="街道" onclick="map.setMapType(BMAP_NORMAL_MAP)"></input>
<input type="BUTTON" name="FullScreen" value="影像" onclick="map.setMapType(BMAP_HYBRID_MAP)"></input>
<input type="BUTTON" name="FullScreen" value="离线地图" onclick="openLocalMap()"></input>
<div id="info_div" style="width='280px';height='200px;'"></div>
<!--startprint-->
<div id="allmap" onselectstart="return false;" oncontextmenu="closePolyLine();enableDragging();" style="height: 100%;position:relative;">
</div>
<!--endprint-->
</body>
</html>
<script type="text/javascript" src="js/BaiduApi_2.0.js"></script>
<script type="text/javascript" src="js/AreaRestriction_min.js"></script>
<script type="text/javascript" src="js/TextIconOverlay_min.js"></script>
<script type="text/javascript" src="js/DistanceTool_min.js"></script>
<script type="text/javascript" src="js/data_Map.js"></script>
<script type="text/javascript" src="js/RectangleZoom_min.js"></script>
<script src="baiduTilesInfo.js"></script>
<script type="text/javascript">
var defaultCursor = null;
var lineArray = new Array(); //线集合
var currLine = ""; //当前画线
var polyflag = false; //画线开关
var defaultCursor = null;
var isFixedMap = false;
var tileLayer = new BMap.TileLayer();
tileLayer.getTilesUrl = function(tileCoord, zoom) {
var x = tileCoord.x;
var y = tileCoord.y;
var url = outputPath + zoom + '/' + x + '/' + y + format;
return url;
}
var tileMapType = new BMap.MapType('tileMapType', tileLayer, {minZoom: 4, maxZoom: 9});
var map = new BMap.Map('allmap', {mapType: tileMapType});
//初始化鼠标
defaultCursor = map.getDefaultCursor();
// 定位到地图中心点
map.centerAndZoom(new BMap.Point(centX, centY), 4);
// 添加导航控件
map.addControl(new BMap.NavigationControl());
// 添加比例尺控件
map.addControl(new BMap.ScaleControl({anchor: BMAP_ANCHOR_TOP_LEFT}));
// 启用滚轮放大缩小
map.enableScrollWheelZoom();
map.enableContinuousZoom();
//启用键盘操作
map.enableKeyboard();
//跳转到对应的point
function panTo(lng, lat) {
if (x==null || x == "") {
alert("x坐标为空");
} else if (y==null || y == "") {
alert("y坐标为空");
} else {
map.panTo(new BMap.Point(lng, lat));
}
}
// 全图显示
function initCenterAndZoom() {
map.centerAndZoom(new BMap.Point(centX, centY), minLevel);
}
// 平移
function panning(){
closeDis();
closePolyLine();
}
// 开启测距
var myDis = new BMapLib.DistanceTool(map);
function openDis(){
myDis.open();
}
// 关闭测距
function closeDis(){
myDis.close();
}
// 添加点击事件
map.addEventListener('click', function(e) {
//画线
document.getElementById("info_div").innerHTML = e.point.lng+","+e.point.lat;
if(polyflag){
if(currLine!=""){
currLine+= ";";
map.removeOverlay(lineArray.pop());
}
currLine+=e.point.lng+","+e.point.lat;
lineArray.push(addPolyline(currLine,"#ff0000",0.8,3));
}
});
//添加线
function addPolyline(points,lineColor,lineOpacity,strokeWeight){
return mapAddPolyline(map,points,lineColor,lineOpacity,strokeWeight);
}
//添加面
function addPolygon(points,lineOpacity,lineColor,fillOpacity,fillColor,strokeWeight){
return mapAddPolygon(map,points,lineOpacity,lineColor,fillOpacity,fillColor,strokeWeight);
}
// 开启画线
function openPolyLine(){
polyflag = true;
currLine = "";
map.setDefaultCursor("default");
}
// 关闭画线
function closePolyLine(){
polyflag = false;
map.setDefaultCursor(defaultCursor);
}
// 清除画线
function clearPolyLine(){
while(lineArray.length>0){
var l = lineArray.shift();
map.removeOverlay(l);
}
closePolyLine();
}
// 固定地图
function disableDragging(){
isFixedMap=!isFixedMap;
if(isFixedMap){
map.disableDragging();
}else{
map.enableDragging();
}
}
// 取消固定地图
function enableDragging(){
map.enableDragging();
}
// 打开本地地图
function openLocalMap(){
map.setMapType(tileMapType);
}
// 创建用户自定义地标
if(pointsStr!=""){
var points = pointsStr.split("##");
for(var i=0;i<points.length;i++)
{
var point = points[i];
var info = point.split('$');
addMarker(parseFloat(info[1]), parseFloat(info[0]), info[2], "images/marker_red_sprite.png", 23, 25);
}
}
//添加自定义Marker标注
function addMarker(lng, lat, markerInfo, iconCursor, cursorWidth, cursorHeight) {
if (cursorWidth == null) {
cursorWidth = 23;
}
if (cursorHeight == null) {
cursorHeight = 25;
}
var marker;
if (iconCursor != null) {
var myIcon = new BMap.Icon(iconCursor, new BMap.Size(cursorWidth, cursorHeight));
marker = new BMap.Marker(new BMap.Point(lng,lat), {
icon: myIcon
}); // 创建标注
} else {
marker = new BMap.Marker(new BMap.Point(lng,lat)); // 创建标注
}
map.addOverlay(marker); // 将标注添加到地图中
if(markerInfo!=null){
marker.addEventListener("click", function(){
alert(markerInfo);
});
}
}
//添加覆盖物块,并返回覆盖物
function mapAddPolygon(map, points, lineOpacity, lineColor, fillOpacity, fillColor, strokeWeight) {
if (strokeWeight == null) {
strokeWeight = 1;
}
var ply = new BMap.Polygon(points, {
strokeWeight: strokeWeight,
strokeColor: fillColor
});
ply.setFillOpacity(fillOpacity);
ply.setFillColor(fillColor);
ply.setStrokeOpacity(lineOpacity);
map.addOverlay(ply);
return ply;
}
//添加多个覆盖物快
function mapAddPolygons(map, points, lineOpacity, lineColor, fillOpacity, fillColor, strokeWeight) {
if (strokeWeight == null) {
strokeWeight = 1;
}
for (var i = 0; i < points.length; i++) {
mapAddPolygon(map, points[i], lineOpacity, lineColor, fillOpacity, fillColor, strokeWeight);
}
}
//添加覆盖物线,并返回覆盖物
function mapAddPolyline(map, points, lineColor, lineOpacity, strokeWeight) {
if (strokeWeight == null) {
strokeWeight = 1;
}
var pl = new BMap.Polyline(points, {
strokeColor: lineColor,
strokeOpacity: lineOpacity,
strokeWeight: strokeWeight
});
map.addOverlay(pl);
return pl;
}
//添加多个覆盖物线
function mapAddPolylines(map,
离线百度地图API2_0保证可用
4星 · 超过85%的资源 需积分: 9 82 浏览量
2017-11-23
21:18:19
上传
评论
收藏 8.1MB ZIP 举报 
离线百度地图API2_0保证可用 （2000个子文件） 
baidu.css 11KB scxnTabDiv.css 2KB ruler.cur 4KB ruler.cur 4KB closedhand.cur 326B openhand.cur 326B closedhand.cur 326B openhand.cur 326B
mapctrls.gif 4KB mapctrls1d3.gif 899B mapctrls1d3.gif 899B dis_box_01.gif 190B iw_close1d3.gif 73B iw_close1d3.gif 73B iw_plus1d3.gif 59B iw_plus1d3.gif 59B blank.gif 49B blank.gif 49B
sample.html 12KB getmodules.js 381KB getmodules1.js 381KB BaiduApi_2.0.js 166KB tile_load.js 165KB control.js 60KB tile.js 60KB panorama_load.js 51KB mapclick_load.js 42KB map_load.js 37KB infowindow_load.js 36KB DistanceTool_min.js 33KB SearchControl_min.js 33KB control_load.js 26KB oppc.js 18KB poly_load.js 15KB marker_load.js 14KB RectangleZoom_min.js 11KB scommon_load.js 10KB navictrl_load.js 10KB TextIconOverlay_min.js 9KB oppc_load.js 9KB map.js 7KB othersearch_load.js 3KB ComplexCustomOverlay.js 3KB data_Map.js 2KB getmodules2.js 2KB copyrightctrl_load.js 2KB getmodules3.js 2KB hotspot_load.js 2KB drawbysvg_load.js 2KB drawbyvml_load.js 1KB AreaRestriction_min.js 924B draw_load.js 340B baiduTilesInfo.js 160B fromproduct_load.js 51B map,oppc,tile,control 74KB
marker_red_sprite.png 26KB 3.png 24KB 3.png 22KB 4.png 22KB 18.png 22KB 14.png 20KB 13.png 19KB 36.png 19KB 17.png 18KB 8.png 18KB 27.png 18KB 19.png 18KB 7.png 18KB 2.png 18KB 6.png 18KB 15.png 18KB 15.png 18KB 13.png 18KB 16.png 18KB 6.png 17KB 36.png 17KB 6.png 17KB 35.png 17KB 13.png 17KB 28.png 17KB 15.png 16KB 10.png 16KB 13.png 16KB 6.png 16KB 26.png 16KB 5.png 16KB 28.png 16KB 12.png 16KB 4.png 15KB 13.png 15KB 12.png 15KB 12.png 15KB 12.png 15KB 7.png 15KB 31.png 15KB 18.png 15KB 14.png 15KB 28.png 15KB 16.png 15KB 11.png 15KB共 2000 条
- 1
- 2
- 3
- 4
- 5
- 6
- 20
资源评论
zb3139825212017-12-06we nedd to test the file.
fewelee2018-03-18想把你的地图放到ASPX中，读取表中的经纬度，在图中画出轨迹，不知如何做。交学费是可以的。我用的是asp .net c#
