<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<title>百度地图离线API V2.0 www.arctiler.com</title>
<style type="text/css">
body, html,#map_demo, #tab, #mapfrm {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
#menu{height:100%;overflow-y:auto}
td{font-size:14px}
h4{margin:0;}
#map_demo1,#map_demo2{height: 50%}
</style>
<script type="text/javascript" src="../../baidumapv2/baidumap_offline_v2_load.js"></script>
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript" src="../layer/layer.js"></script>
<link rel="stylesheet" type="text/css" href="../../baidumapv2/css/baidu_map_v2.css"/>
</head>
<body>
<div id="map_demo">1</div>
</body>
</html>
<script type="text/javascript">
// 百度地图API功能
var map = new BMap.Map("map_demo");
var point = new BMap.Point(116.400244,39.92556);
map.centerAndZoom(point, 8);
if (document.createElement('canvas').getContext) {
var mapStyle ={
features: ["road", "building","water","land"],//隐藏地图上的poi
style : "dark" //设置地图风格为高端黑
}
map.setMapStyle(mapStyle);
var BW = 0, //canvas width
BH = 0, //canvas height
ctx = null,
stars = [], //存储所有星星对象的数组
timer = null, //定时器
timeLine = null, //时间轴对象
rs = [], //最新的结果
isNowTimeData = false, //是否显示当前时间的定位情况
py = null, //偏移
gridWidth = 10000,//网格的大小
isOverlay = false,//是否叠加
//gridWidth = 1,//网格的大小
canvas = null; //偏移
function Star(options){
this.init(options);
}
Star.prototype.init = function(options) {
this.x = ~~(options.x);
this.y = ~~(options.y);
this.initSize(options.size);
if (~~(0.5 + Math.random() * 7) == 1) {
this.size = 0;
} else {
this.size = this.maxSize;
}
}
Star.prototype.initSize = function(size) {
var size = ~~(size);
this.maxSize = size > 6 ? 6 : size;
}
Star.prototype.render = function(i) {
var p = this;
if(p.x < 0 || p.y <0 || p.x > BW || p.y > BH) {
return;
}
ctx.beginPath();
var gradient = ctx.createRadialGradient(p.x, p.y, 0, p.x, p.y, p.size);
gradient.addColorStop(0, "rgba(7,120,249,1)");
gradient.addColorStop(1, "rgba(7,120,249,0.3)");
ctx.fillStyle = gradient;
ctx.arc(p.x, p.y, p.size, Math.PI*2, false);
ctx.fill();
if (~~(0.5 + Math.random() * 7) == 1) {
p.size = 0;
} else {
p.size = p.maxSize;
}
}
function render(){
renderAction();
setTimeout(render, 180);
}
function renderAction() {
ctx.clearRect(0, 0, BW, BH);
ctx.globalCompositeOperation = "lighter";
for(var i = 0, len = stars.length; i < len; ++i){
if (stars[i]) {
stars[i].render(i);
}
}
}
// 复杂的自定义覆盖物
function ComplexCustomOverlay(point){
this._point = point;
}
ComplexCustomOverlay.prototype = new BMap.Overlay();
ComplexCustomOverlay.prototype.initialize = function(map){
this._map = map;
canvas = this.canvas = document.createElement("canvas");
canvas.style.cssText = "position:absolute;left:0;top:0;";
ctx = canvas.getContext("2d");
var size = map.getSize();
canvas.width = BW = size.width;
canvas.height = BH = size.height;
map.getPanes().labelPane.appendChild(canvas);
//map.getContainer().appendChild(canvas);
return this.canvas;
}
ComplexCustomOverlay.prototype.draw = function(){
var map = this._map;
var bounds = map.getBounds();
var sw = bounds.getSouthWest();
var ne = bounds.getNorthEast();
var pixel = map.pointToOverlayPixel(new BMap.Point(sw.lng, ne.lat));
py = pixel;
if (rs.length > 0) {
showStars(rs);
}
}
var myCompOverlay = new ComplexCustomOverlay(new BMap.Point(116.407845,39.914101));
map.addOverlay(myCompOverlay);
var project = map.getMapType().getProjection();
var bounds = map.getBounds();
var sw = bounds.getSouthWest();
var ne = bounds.getNorthEast();
sw = project.lngLatToPoint(new BMap.Point(sw.lng, sw.lat));
ne = project.lngLatToPoint(new BMap.Point(ne.lng, ne.lat));
//左上角墨卡托坐标点
var original = {
x : sw.x,
y : ne.y
}
/**
* 请求定位数据,并在地图上绘制出
* @param 请求的时间
* @param 成功后执行的回调函数
*
*/
/*
var requestMgr = {
request: function (time, successCbk) {
if (document.location.host === 'developer.baidu.com') {
var url = "http://developer.baidu.com/map/jsdemo/data/data";
} else {
var url = "../data/data";
}
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if( xhr.readyState == 4 && xhr.status == 200 ) {
if (!isOverlay) {
rs = JSON.parse(xhr.responseText);
} else {
rs = rs.concat(JSON.parse(xhr.responseText));
if (rs.length > 10000) {
rs.splice(0, rs.length - 10000);
}
}
showStars(rs);
if (successCbk) {
successCbk();
}
}
}
xhr.open( "GET", url, true );
xhr.send( null );
}
}
*/
var rs = [[1109,554,7],[830,752,8],[1195,596,2],[1576,123,7],[618,244,2],[921,334,8],[1656,527,7],[855,480,5],[937,595,5],[784,605,1],[814,229,7],[1597,376,6],[1408,754,4],[1569,675,4],[1269,687,6],[1507,192,9],[1361,163,5],[1010,326,1],[1561,540,8],[973,658,5],[1058,794,7],[756,729,1],[1480,543,1],[783,459,8],[1223,185,7],[791,762,8],[726,546,9],[1335,107,3],[1441,718,8],[1227,256,7],[707,547,7],[1492,647,6],[1611,506,2],[1660,623,7],[1513,319,8],[1190,441,8],[1011,521,4],[933,289,4],[1210,124,3],[1080,523,5],[727,591,2],[1466,458,9],[993,401,5],[1217,376,3],[905,256,6],[728,631,1],[1592,193,7],[957,405,9],[1435,793,1],[684,399,6],[1280,480,3],[1480,331,8],[1439,581,3],[937,273,6],[1258,468,8],[823,549,6],[925,480,7],[1691,707,2],[1653,538,2],[1654,592,6],[1220,325,2],[1558,185,5],[1359,719,2],[1635,233,4],[1245,652,9],[1101,794,6],[692,301,2],[1532,295,1],[650,265,6],[860,236,4],[1541,630,6],[618,540,8],[1160,323,7],[1358,282,8],[729,692,6],[679,310,6],[1336,369,9],[1490,262,2],[1499,294,4],[1097,459,6],[1470,358,4],[1096,370,1],[856,726,4],[1590,509,6],[1434,591,5],[1046,642,7],[650,410,2],[1672,276,4],[799,148,6],[1288,464,2],[891,318,5],[1328,633,9],[1358,797,8],[638,727,4],[1305,557,1],[703,141,8],[1532,173,3],[1685,155,6],[993,282,6],[606,720,2],[785,205,5],[1370,668,3],[1279,450,3],[1073,475,2],[1510,224,8],[1619,289,8],[1479,182,9],[727,173,1],[1353,423,3],[955,427,2],[1131,544,3],[1650,334,2],[807,767,6],[1060,368,2],[1199,246,4],[957,194,6],[781,753,7],[721,134,8],[749,614,3],[1063,140,7],[1251,478,4],[1605,446,7],[651,577,7],[1351,170,1],[1540,551,3],[823,779,4],[1505,194,4],[1217,272,4],[1044,367,2],[1379,661,2],[1128,375,7],[1576,314,3],[1292,347,9],[957,125,1],[1043,722,6],[1360,164,6],[724,740,7],[1118,433,1],[1566,716,4],[621,511,2],[841,147,6],[1657,768,9],[814,508,3],[724,735,3],[744,317,2],[1476,100,3],[1073,180,2],[820,509,6],[838,424,5],[1276,438,2],[1496,591,2],[1048,564,2],[939,700,7],[1218,779,6],[1537,171,9],[634,728,9],[933,329,1],[1139,470,6],[768,621,2],[1366,351,6],[1510,221,3],[629,506,9],[798,722,8],[1609,415,8],[1219,312,9],[1170,334,8],[1123,546,2],[1202,189,6],[825,296,4],[958,783,7],[1622,662,9],[859,681,5],[825,107,4],[635,749,8],[1514,443,2],[1405,106,5],[1184,438,2],[1324,122,3],[946,265,5],
封装好的百度地图API（有最完善的使用示例）
需积分: 50 182 浏览量
2018-11-12
11:29:35
上传
评论 2
收藏 21.13MB RAR 举报
封装好的百度地图API（有最完善的使用示例） （5443个子文件） 
layer.css 14KB baidu_map_v2.css 8KB ruler.cur 4KB openhand.cur 326B closedhand.cur 326B
fox.gif 25KB mapctrls2d0.gif 9KB loading-0.gif 6KB loading-2.gif 2KB mapctrls1d3.gif 899B loading-1.gif 701B iw_plus.gif 76B iw_close1d3.gif 73B iw_minus.gif 73B node.gif 61B iw_plus1d3.gif 59B blank.gif 49B
3_11.html 26KB 3_17.html 8KB index.html 7KB 3_18.html 5KB 3_15.html 4KB 3_0.html 3KB 6_3.html 3KB 7_3.html 2KB 8_0.html 2KB 4_2.html 2KB 2_1.html 2KB 1_1.html 2KB 2_3.html 2KB 3_12.html 2KB 2_0.html 2KB 4_1.html 2KB 3_10.html 2KB 3_4.html 2KB 4_0.html 2KB 3_5.html 2KB 7_4.html 2KB 3_14.html 2KB 3_16.html 2KB 3_13.html 2KB 3_6.html 2KB 1_2.html 2KB 3_9.html 2KB 1_9.html 2KB 5_0.html 2KB 5_1.html 2KB 1_0.html 2KB 2_2.html 1KB 7_2.html 1KB 1_7.html 1KB 4_3.html 1KB 3_7.html 1KB 1_6.html 1KB 6_0.html 1KB 6_2.html 1KB 3_3.html 1KB 3_8.html 1KB 1_3.html 1KB 1_8.html 1KB 3_2.html 1KB 6_1.html 1KB 7_1.html 1KB 3_1.html 1KB 7_0.html 1KB 1_4.html 1KB 1_5.html 1KB
3.jpg 22KB 3.jpg 21KB 18.jpg 20KB 39.jpg 20KB 36.jpg 20KB 4.jpg 20KB 27.jpg 19KB 14.jpg 19KB 19.jpg 19KB 15.jpg 19KB 54.jpg 19KB 40.jpg 18KB 13.jpg 18KB 73.jpg 18KB 17.jpg 18KB 13.jpg 18KB 13.jpg 18KB 28.jpg 18KB 39.jpg 18KB 35.jpg 18KB 16.jpg 18KB 15.jpg 18KB 71.jpg 17KB 55.jpg 17KB 36.jpg 17KB 55.jpg 17KB 13.jpg 17KB 28.jpg 17KB 7.jpg 17KB 31.jpg 17KB 8.jpg 17KB 26.jpg 17KB 6.jpg 16KB共 5443 条
- 1
- 2
- 3
- 4
- 5
- 6
- 55
资源评论
努力的阿牛
- 粉丝: 11
- 资源: 16
最新资源
- Fortran语言语法快速入门.pdf
- 明日方舟 年 鼠标指针.rar
- 全国银行经济监管可视化系统
- e商小二-供应链管理物流交仓创业商业计划书.rar
- Edge浏览器下载文件提示 “无法安全下载” 的解决方法
- 基于springboot+layui的医院日常耗材管理系统.zip
- Emkex亿迈克思新型互联网磁材供应链商业计划书.rar
- 计算机毕业设计-ASP.NET某店POS积分管理系统-销售情况，会员卡再发行数据生成(源代码+)-毕设源码实例.zip
- 计算机毕业设计-asp.net某店POS积分管理系统-清除履历表、日志表、月购买额(源代码+)-毕设源码实例.zip
- 计算机毕业设计-ASP.NET某店POS积分管理系统-积分实绩更新及销售状况统计(源代码+)-毕设源码实例.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
