Skip to content

Commit e3fb74e

Browse files
zhurczhurc
committed
新增MapV示例 & 修改MapV相关示例的提示 & 修改OSMBuilding点击提示
1 parent fbfe43d commit e3fb74e

15 files changed

Lines changed: 99 additions & 61 deletions

‎examples/data/beijing-village.json‎

Lines changed: 1 addition & 0 deletions
Large diffs are not rendered by default.

‎examples/leaflet/config.js‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -424,10 +424,14 @@ var exampleConfig = {
424424
name: "面",
425425
thumbnail: "l_mapvLayer_polygon.png",
426426
fileName: "mapVLayerPolygon"
427+
}, {
428+
name: "北京",
429+
thumbnail: "l_mapvLayer_polygonBuildings.png",
430+
fileName: "mapVLayerPolygonBuildings"
427431
}]
428432
},
429433
"extrusion": {
430-
name: "2.5D",
434+
name: "OSMBuildings",
431435
content: [{
432436
name: "建筑立体效果",
433437
thumbnail: "l_osmbuildings.png",

‎examples/leaflet/img/l_mapvLayer_polygonBuildings.png‎

41.1 KB
Loading

‎examples/leaflet/mapVLayerCSVCar.html‎

Lines changed: 4 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -21,13 +21,10 @@
2121
token = "pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw",
2222
mbUrl = 'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=' + token;
2323

24-
var baseLayer = L.tileLayer(mbUrl, {id: 'mapbox.dark', attribution: mbAttr}).addTo(map);
24+
L.tileLayer(mbUrl, {id: 'mapbox.dark', attribution: mbAttr}).addTo(map);
25+
loadData();
2526

26-
baseLayer.once('load', function () {
27-
loadData();
28-
});
29-
30-
//示例数据来源为百度MapV的加偏数据，iClient9未做纠偏处理，请自行纠偏数据
27+
//示例数据来源为百度MapV的加偏数据，iClient9未做纠偏处理
3128
function loadData() {
3229
$.get('../data/car.csv', function (csvstr) {
3330
var dataSet = mapv.csv.getDataSet(csvstr);
@@ -40,7 +37,7 @@
4037
var dataAttr = "数据来源<a target='_blank' href='http://mapv.baidu.com/examples/csv-car.html'> MapV</a>,";
4138
L.supermap.mapVLayer(dataSet, options, {attributionPrefix: dataAttr}).addTo(map);
4239
setTimeout(function () {
43-
alert("示例数据来源为百度MapV的加偏数据，iClient9未做纠偏处理，请自行纠偏数据")
40+
map.openPopup("示例数据来源为百度MapV的加偏数据，iClient9未做纠偏处理", map.getCenter());
4441
}, 1000)
4542
});
4643
}

‎examples/leaflet/mapVLayerForceEdgeBunding.html‎

Lines changed: 4 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -22,13 +22,10 @@
2222
token = "pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw",
2323
mbUrl = 'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=' + token;
2424

25-
var baseLayer = L.tileLayer(mbUrl, {id: 'mapbox.dark', attribution: mbAttr}).addTo(map);
25+
L.tileLayer(mbUrl, {id: 'mapbox.dark', attribution: mbAttr}).addTo(map);
26+
loadData();
2627

27-
baseLayer.once('load', function () {
28-
loadData();
29-
});
30-
31-
//示例数据来源为百度MapV的加偏数据，iClient9未做纠偏处理，请自行纠偏数据
28+
//示例数据来源为百度MapV的加偏数据，iClient9未做纠偏处理
3229
function loadData() {
3330
var randomCount = 500;
3431

@@ -123,7 +120,7 @@
123120

124121
L.supermap.mapVLayer(dataSet2, options2).addTo(map);
125122
setTimeout(function () {
126-
alert("示例数据来源为百度MapV的加偏数据，iClient9未做纠偏处理，请自行纠偏数据")
123+
map.openPopup("示例数据来源为百度MapV的加偏数据，iClient9未做纠偏处理", map.getCenter());
127124
}, 1000)
128125
}
129126

‎examples/leaflet/mapVLayerHoneycomb.html‎

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -23,10 +23,8 @@
2323
zoom: 4,
2424
});
2525

26-
var baseLayer = L.tileLayer(mbUrl, {id: 'mapbox.dark', attribution: mbAttr}).addTo(map);
27-
baseLayer.once('load', function () {
28-
loadData();
29-
});
26+
L.tileLayer(mbUrl, {id: 'mapbox.dark', attribution: mbAttr}).addTo(map);
27+
loadData();
3028

3129
function loadData() {
3230
var randomCount = 1000;

‎examples/leaflet/mapVLayerPolygon.html‎

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -22,12 +22,10 @@
2222
token = "pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw",
2323
mbUrl = 'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=' + token;
2424

25-
var baseLayer = L.tileLayer(mbUrl, {id: 'mapbox.light', attribution: mbAttr}).addTo(map);
26-
baseLayer.once('load', function () {
27-
loadData();
28-
});
25+
L.tileLayer(mbUrl, {id: 'mapbox.light', attribution: mbAttr}).addTo(map);
26+
loadData();
2927

30-
//示例数据来源为百度MapV的加偏数据，iClient9未做纠偏处理，请自行纠偏数据
28+
//示例数据来源为百度MapV的加偏数据，iClient9未做纠偏处理
3129
function loadData() {
3230
$.get('../data/guang_dong.json', function (geojson) {
3331
var dataSet1 = mapv.geojson.getDataSet(geojson);
@@ -86,7 +84,7 @@
8684
};
8785
L.supermap.mapVLayer(dataSet2, textOptions).addTo(map);
8886
setTimeout(function () {
89-
alert("示例数据来源为百度MapV的加偏数据，iClient9未做纠偏处理，请自行纠偏数据")
87+
map.openPopup("示例数据来源为百度MapV的加偏数据，iClient9未做纠偏处理", map.getCenter());
9088
}, 1000)
9189
});
9290
}

‎examples/leaflet/mapVLayerPolygonBuildings.html‎

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>MapV 面</title>
6+
<link rel="stylesheet" href="http://cdn.bootcss.com/leaflet/1.0.3/leaflet.css">
7+
</head>
8+
<body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
9+
<div id="map" style="margin:0 auto;width: 100%;height: 100%"></div>
10+
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
11+
<script type="text/javascript" src="http://cdn.bootcss.com/leaflet/1.0.3/leaflet.js"></script>
12+
<script type="text/javascript" src="http://mapv.baidu.com/build/mapv.min.js"></script>
13+
<script type="text/javascript" src="../../dist/iclient9-leaflet.min.js"></script>
14+
<script type="text/javascript">
15+
16+
var map = L.map('map', {
17+
center: [39.93, 116.402],
18+
zoom: 12,
19+
});
20+
21+
var mbAttr = 'Imagery © <a href="http://mapbox.com">Mapbox</a>',
22+
token = "pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw",
23+
mbUrl = 'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=' + token;
24+
25+
L.tileLayer(mbUrl, {id: 'mapbox.light', attribution: mbAttr}).addTo(map);
26+
loadData();
27+
28+
//示例数据来源为百度MapV的加偏数据，iClient9未做纠偏处理
29+
function loadData() {
30+
$.get('../data/beijing-village.json', function (geojson) {
31+
var dataSet = new mapv.DataSet(geojson);
32+
33+
var options = {
34+
fillStyle: 'rgba(255, 80, 53, 0.8)',
35+
strokeStyle: 'rgba(250, 255, 53, 0.8)',
36+
size: 3,
37+
lineWidth: 1,
38+
draw: 'simple'
39+
};
40+
41+
var dataAttr = "数据来源<a target='_blank' href='http://mapv.baidu.com/examples/beijing-village.html'>MapV</a>";
42+
L.supermap.mapVLayer(dataSet, options, {attributionPrefix: dataAttr}).addTo(map);
43+
44+
45+
setTimeout(function () {
46+
map.openPopup("示例数据来源为百度MapV的加偏数据，iClient9未做纠偏处理", map.getCenter());
47+
}, 1000)
48+
});
49+
}
50+
51+
52+
</script>
53+
54+
</body>
55+
</html>

‎examples/leaflet/mapVLayerPolylineIntensity.html‎

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -21,12 +21,10 @@
2121
token = "pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw",
2222
mbUrl = 'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=' + token;
2323

24-
var baseLayer = L.tileLayer(mbUrl, {id: 'mapbox.dark', attribution: mbAttr}).addTo(map);
25-
baseLayer.once('load', function () {
26-
loadData();
27-
});
24+
L.tileLayer(mbUrl, {id: 'mapbox.dark', attribution: mbAttr}).addTo(map);
25+
loadData();
2826

29-
//示例数据来源为百度MapV的加偏数据，iClient9未做纠偏处理，请自行纠偏数据
27+
//示例数据来源为百度MapV的加偏数据，iClient9未做纠偏处理
3028
function loadData() {
3129
var randomCount = 1000;
3230
var data = [];
@@ -66,7 +64,7 @@
6664

6765
L.supermap.mapVLayer(dataSet, options).addTo(map);
6866
setTimeout(function () {
69-
alert("示例数据来源为百度MapV的加偏数据，iClient9未做纠偏处理，请自行纠偏数据")
67+
map.openPopup("示例数据来源为百度MapV的加偏数据，iClient9未做纠偏处理", map.getCenter());
7068
}, 1000)
7169
}
7270

‎examples/leaflet/mapVLayerPolylineSimple.html‎

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -21,12 +21,10 @@
2121
token = "pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw",
2222
mbUrl = 'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=' + token;
2323

24-
var baseLayer = L.tileLayer(mbUrl, {id: 'mapbox.dark', attribution: mbAttr}).addTo(map);
25-
baseLayer.once('load', function () {
26-
loadData();
27-
});
24+
L.tileLayer(mbUrl, {id: 'mapbox.dark', attribution: mbAttr}).addTo(map);
25+
loadData();
2826

29-
//示例数据来源为百度MapV的加偏数据，iClient9未做纠偏处理，请自行纠偏数据
27+
//示例数据来源为百度MapV的加偏数据，iClient9未做纠偏处理
3028
function loadData() {
3129
var randomCount = 1000;
3230
var data = [];
@@ -64,7 +62,7 @@
6462
};
6563
L.supermap.mapVLayer(dataSet, options).addTo(map);
6664
setTimeout(function () {
67-
alert("示例数据来源为百度MapV的加偏数据，iClient9未做纠偏处理，请自行纠偏数据")
65+
map.openPopup("示例数据来源为百度MapV的加偏数据，iClient9未做纠偏处理", map.getCenter());
6866
}, 1000)
6967
}
7068

0 commit comments

Comments
 (0)