corrected spelling, added tag

Source Link

edited Aug 13, 2017 at 9:05

13.6k
5
38
89

OL3 OpenLayers 3 and Three.js

I have asked this question in stackoverflowStackOverflow, but got no useful answer - So perhaps I could get some help here.

I would like to generate a 3d Terrain using THREE.js, and I would like to overlay openlayerOpenLayers upon it. Does anyone know how to do it?

EDIT: I tried this (based on this)

var sphere2 = new THREE.Mesh(new THREE.SphereGeometry(60, 100, 100),material2);
scene.add(sphere2);
sphere2.position = new THREE.Vector3(100,230,140);
var material3= new THREE.MeshPhongMaterial();
material3.map = THREE.ImageUtils.loadTexture('http://vmap0.tiles.osgeo.org/wms/vmap0?SERVICE=WMS&VERSION=1.3.0&REQUEST=GetMap&LAYERS=basic&CRS=epsg:4326&BBOX=-90,-180,90,180&WIDTH=500&HEIGHT=500&FORMAT=image/png');

This should generate a sphere, and map the texture as returned by the WMS call to the sphere, making a full earth - but it does not load anything - the screen remains black.

OL3 and Three.js

I have asked this question in stackoverflow, but got no useful answer - So perhaps I could get some help here.

I would like to generate a 3d Terrain using THREE.js, and I would like to overlay openlayer upon it. Does anyone know how to do it?

EDIT: I tried this (based on this)

var sphere2 = new THREE.Mesh(new THREE.SphereGeometry(60, 100, 100),material2);
scene.add(sphere2);
sphere2.position = new THREE.Vector3(100,230,140);
var material3= new THREE.MeshPhongMaterial();
material3.map = THREE.ImageUtils.loadTexture('http://vmap0.tiles.osgeo.org/wms/vmap0?SERVICE=WMS&VERSION=1.3.0&REQUEST=GetMap&LAYERS=basic&CRS=epsg:4326&BBOX=-90,-180,90,180&WIDTH=500&HEIGHT=500&FORMAT=image/png');

This should generate a sphere, and map the texture as returned by the WMS call to the sphere, making a full earth - but it does not load anything - the screen remains black.

OpenLayers 3 and Three.js

I have asked this question in StackOverflow, but got no useful answer - So perhaps I could get some help here.

I would like to generate a 3d Terrain using THREE.js, and I would like to overlay OpenLayers upon it. Does anyone know how to do it?

EDIT: I tried this (based on this)

var sphere2 = new THREE.Mesh(new THREE.SphereGeometry(60, 100, 100),material2);
scene.add(sphere2);
sphere2.position = new THREE.Vector3(100,230,140);
var material3= new THREE.MeshPhongMaterial();
material3.map = THREE.ImageUtils.loadTexture('http://vmap0.tiles.osgeo.org/wms/vmap0?SERVICE=WMS&VERSION=1.3.0&REQUEST=GetMap&LAYERS=basic&CRS=epsg:4326&BBOX=-90,-180,90,180&WIDTH=500&HEIGHT=500&FORMAT=image/png');

This should generate a sphere, and map the texture as returned by the WMS call to the sphere, making a full earth - but it does not load anything - the screen remains black.

replaced http://stackoverflow.com/ with https://stackoverflow.com/

Source Link

edited May 23, 2017 at 12:39

Community Bot

1

I have asked this question question in stackoverflow, but got no useful answer - So perhaps I could get some help here.

I would like to generate a 3d Terrain using THREE.js, and I would like to overlay openlayer upon it. Does anyone know how to do it?

EDIT: I tried this (based on this)

var sphere2 = new THREE.Mesh(new THREE.SphereGeometry(60, 100, 100),material2);
scene.add(sphere2);
sphere2.position = new THREE.Vector3(100,230,140);
var material3= new THREE.MeshPhongMaterial();
material3.map = THREE.ImageUtils.loadTexture('http://vmap0.tiles.osgeo.org/wms/vmap0?SERVICE=WMS&VERSION=1.3.0&REQUEST=GetMap&LAYERS=basic&CRS=epsg:4326&BBOX=-90,-180,90,180&WIDTH=500&HEIGHT=500&FORMAT=image/png');

This should generate a sphere, and map the texture as returned by the WMS call to the sphere, making a full earth - but it does not load anything - the screen remains black.

I have asked this question in stackoverflow, but got no useful answer - So perhaps I could get some help here.

I would like to generate a 3d Terrain using THREE.js, and I would like to overlay openlayer upon it. Does anyone know how to do it?

EDIT: I tried this (based on this)

var sphere2 = new THREE.Mesh(new THREE.SphereGeometry(60, 100, 100),material2);
scene.add(sphere2);
sphere2.position = new THREE.Vector3(100,230,140);
var material3= new THREE.MeshPhongMaterial();
material3.map = THREE.ImageUtils.loadTexture('http://vmap0.tiles.osgeo.org/wms/vmap0?SERVICE=WMS&VERSION=1.3.0&REQUEST=GetMap&LAYERS=basic&CRS=epsg:4326&BBOX=-90,-180,90,180&WIDTH=500&HEIGHT=500&FORMAT=image/png');

This should generate a sphere, and map the texture as returned by the WMS call to the sphere, making a full earth - but it does not load anything - the screen remains black.

I have asked this question in stackoverflow, but got no useful answer - So perhaps I could get some help here.

I would like to generate a 3d Terrain using THREE.js, and I would like to overlay openlayer upon it. Does anyone know how to do it?

EDIT: I tried this (based on this)

var sphere2 = new THREE.Mesh(new THREE.SphereGeometry(60, 100, 100),material2);
scene.add(sphere2);
sphere2.position = new THREE.Vector3(100,230,140);
var material3= new THREE.MeshPhongMaterial();
material3.map = THREE.ImageUtils.loadTexture('http://vmap0.tiles.osgeo.org/wms/vmap0?SERVICE=WMS&VERSION=1.3.0&REQUEST=GetMap&LAYERS=basic&CRS=epsg:4326&BBOX=-90,-180,90,180&WIDTH=500&HEIGHT=500&FORMAT=image/png');

This should generate a sphere, and map the texture as returned by the WMS call to the sphere, making a full earth - but it does not load anything - the screen remains black.

added 747 characters in body

Source Link

edited Oct 20, 2014 at 16:04

Sean

205
3
9

I have asked this question in stackoverflow, but got no useful answer - So perhaps I could get some help here.

I would like to generate a 3d Terrain using THREE.js, and I would like to overlay openlayer upon it. Does anyone know how to do it?

EDIT: I tried this (based on this)

var sphere2 = new THREE.Mesh(new THREE.SphereGeometry(60, 100, 100),material2);
scene.add(sphere2);
sphere2.position = new THREE.Vector3(100,230,140);
var material3= new THREE.MeshPhongMaterial();
material3.map = THREE.ImageUtils.loadTexture('http://vmap0.tiles.osgeo.org/wms/vmap0?SERVICE=WMS&VERSION=1.3.0&REQUEST=GetMap&LAYERS=basic&CRS=epsg:4326&BBOX=-90,-180,90,180&WIDTH=500&HEIGHT=500&FORMAT=image/png');

This should generate a sphere, and map the texture as returned by the WMS call to the sphere, making a full earth - but it does not load anything - the screen remains black.

I have asked this question in stackoverflow, but got no useful answer - So perhaps I could get some help here.

I would like to generate a 3d Terrain using THREE.js, and I would like to overlay openlayer upon it. Does anyone know how to do it?

I have asked this question in stackoverflow, but got no useful answer - So perhaps I could get some help here.

I would like to generate a 3d Terrain using THREE.js, and I would like to overlay openlayer upon it. Does anyone know how to do it?

EDIT: I tried this (based on this)

var sphere2 = new THREE.Mesh(new THREE.SphereGeometry(60, 100, 100),material2);
scene.add(sphere2);
sphere2.position = new THREE.Vector3(100,230,140);
var material3= new THREE.MeshPhongMaterial();
material3.map = THREE.ImageUtils.loadTexture('http://vmap0.tiles.osgeo.org/wms/vmap0?SERVICE=WMS&VERSION=1.3.0&REQUEST=GetMap&LAYERS=basic&CRS=epsg:4326&BBOX=-90,-180,90,180&WIDTH=500&HEIGHT=500&FORMAT=image/png');

This should generate a sphere, and map the texture as returned by the WMS call to the sphere, making a full earth - but it does not load anything - the screen remains black.