ol3 Demo3 ----加载gpx,geojson格式的数据
下面是pgx格式的数据效果展示
核心代码:
var gpx = new ol.layer.Vector({ title:'GPX', source: new ol.source.Vector({ url: 'cycling-vietnam-without-baggage.gpx', format: new ol.format.GPX() }), style: function(feature) { return style[feature.getGeometry().getType()]; } });
说明:cycling-vietnam-without-baggage.gpx 是一个本地文件,其中Crome不支持上述加载,可以使用火狐加载查看。
下面是geojson格式的效果图:
核心代码:
var vectorLayer = new ol.layer.Vector({ source: new ol.source.Vector({ url: 'test.geojson', format: new ol.format.GeoJSON() }), style: function(feature) { style.getText().setText(feature.get('name')); return style; } });
说明:同样crome浏览器不支持,使用火狐浏览器可以查看。
相关推荐
sailxu00 2020-06-18
somebodyoneday 2020-06-06
newthon 2020-02-21
geojson需要先制作shp,然后导入下面网站生成geojson。geojson,最好放后台,前台通过异步请求去加载json,然后显示。this.map.flyTo;将地图的视野范围添加到相应区域。
somebodyoneday 2020-02-17
baijinswpu 2020-01-28
fengchao000 2019-10-31
cfh00 2019-07-01
fengchao000 2017-06-28
qianqianxiao 2019-06-29
mingyangwang 2018-12-27
cfh00 2019-06-27
yigeng 2014-09-05
lnn 2019-05-29
kkpiece 2019-03-15
yangguangdblu 2019-03-01
Pythonandme 2019-01-03