var layer2 = new ol.layer.Tile({
source: new ol.source.XYZ({
url:'le/vt/lyrs=t@131,r@216000000&hl=zh-CN&gl=CN&src=app&x={x}&y={y}&z={z}&s=Gal'//⾕歌地形地图 }),
}); // ⾕歌地形地图
var layerImage = new ol.layer.Image({
source: new ol.source.ImageStatic({
// url: 'images/mapTest.jpg',//这⾥添加静态图⽚的地址 url: 'timgsa.baidu/timg?image&quality=80&size=b9999_10000&sec=1512636538327&di=1198aa77a3df42bd8046d0353502904c&imgtype=0&src=http imageExtent: [centerX-500, centerY-500, centerX+500, centerY+500],// 地图坐标中的图像的范围。这是图像的[左,右,右,上]地图坐标
}),
}); // ⾃定义的地图图⽚
var map = new ol.Map({
layers: [
// layer2,
layer1,
layerImage,
],我国城市的市花
target: 'map',
纽卡斯尔 西塞
view: new ol.View({
center: [centerX, centerY], //3857坐标系
zoom: 17,//当前的放⼤度数
minZoom:5,//最⼩放⼤度数
maxZoom:19,//最⼤放⼤度数
// extent: extent, //限制中⼼的程度,换句话说,中⼼不能超出这个范围, 前后值⼀样(minx=maxx, miny=maxy)的话就⽆法移动。
//然后设置minZoom 和 maxZoom ⼀样⼤,就⽆法缩放。
}),
logo: false, // 禁⽤地图标志
});
//实例⼀个数据源获取feature
var source = new ol.source.Vector();
var geometry = LineString(); //线,Point 点,Polygon 线
//散列点数组,放置的点的位置数据
var coordinate = [
[10711293.51783087, 1900921.581665377],云南白药治牙疼
[10711332.930673579, 1900920.9845010934],
[10711337.707987847, 1900825.4382157368],
[10711293.51783087, 1900826.0353800203],
];
//添加标记点
function addPonitToGeometry(arr) {
for (var i = 0; i < arr.length; i++) {
geometry.appendCoordinate(arr[i]);
}
}
addPonitToGeometry(coordinate);
var LineStringFeature = new ol.Feature(geometry); //绘制线的数据
碎纸片的拼接复原//将线添加到Vector绘制层上
刀具论坛source.addFeature(LineStringFeature);
var vectorLayer = new ol.layer.Vector({
source: source,
style: new ol.style.Style({
fill: new ol.style.Fill({
color: 'rgba(255, 255, 255, 0.2)'
}),
stroke: new ol.style.Stroke({
color: '#f00',
坦克巷战width: 4
}),
image: new ol.style.Circle({
radius: 2,
fill: new ol.style.Fill({
color: '#f00'
})