# How to overlay Google Map image onto elevation data from a vtk file

**URL:** https://discourse.paraview.org/t/how-to-overlay-google-map-image-onto-elevation-data-from-a-vtk-file/3288
**Category:** ParaView Support
**Tags:** vtk
**Created:** [January 7, 2020, 10:24pm UTC](https://discourse.paraview.org/t/how-to-overlay-google-map-image-onto-elevation-data-from-a-vtk-file/3288 "2020-01-07T22:24:28Z")
**Posts on this page:** 13
**Page:** 1

<div class="post-metadata">

### Author: ![ejtovar](https://discourse.paraview.org/user_avatar/discourse.paraview.org/ejtovar/32/1936_2.png) [@ejtovar](https://discourse.paraview.org/u/ejtovar)
#### Post date: [January 7, 2020, 10:24pm UTC](https://discourse.paraview.org/t/how-to-overlay-google-map-image-onto-elevation-data-from-a-vtk-file/3288/1 "2020-01-07T22:24:28Z")

</div>

Hi all,

I have a vtk file that contains elevation data which I am using for flooding simulations (see attached image).

 ![elevation_data](https://discourse.paraview.org/uploads/default/original/2X/9/9e496a8091d77e00ef5786f8089961c5d9dcc8ae.jpeg) I would like to visualize the respective Google Map image ![google_maps](https://discourse.paraview.org/uploads/default/original/2X/2/29d41736d58e113305c1416fe1309715adcac3fb.jpeg) on top of my elevation data. I tried to follow this [link](http://www.earthmodels.org/data-and-tools/topography/paraview-topography-by-texture-mapping), but it seems outdated since OpenStreetMaps no longer offers a bitmap export. I believe I will want to use Paraview’s texture capabilities, but I’m not 100% sure. Thank you in advance for your help.

Best,  
Eric

---

<div class="post-metadata">

### Author: ![mwestphal](https://discourse.paraview.org/user_avatar/discourse.paraview.org/mwestphal/32/17_2.png) [@mwestphal](https://discourse.paraview.org/u/mwestphal)
#### Post date: [January 8, 2020, 9:26am UTC](https://discourse.paraview.org/t/how-to-overlay-google-map-image-onto-elevation-data-from-a-vtk-file/3288/2 "2020-01-08T09:26:08Z")

</div>

Once you are able to get an image, you will want to apply it to a plane with Texture coordinates available.

---

<div class="post-metadata">

### Author: ![ejtovar](https://discourse.paraview.org/user_avatar/discourse.paraview.org/ejtovar/32/1936_2.png) [@ejtovar](https://discourse.paraview.org/u/ejtovar)
#### Post date: [January 8, 2020, 4:12pm UTC](https://discourse.paraview.org/t/how-to-overlay-google-map-image-onto-elevation-data-from-a-vtk-file/3288/3 "2020-01-08T16:12:38Z")

</div>

I was able to use the filter Texture Map to Plane on my linux machine with Paraview 5.4.0 on the png file (this particular filter causes Paraview 5.7 to crash on my Mac). Now, the datasets have different bounds etc so I can’t even view them together. What’s the most efficient way (if possible) to put the data from the vtk file on top of the map? I have attached the vtk file here. Thank you for your help. [bath.vtk](https://discourse.paraview.org/uploads/short-url/h7P7kUTr5zW3eeeiFRqdFJmeaUb.vtk) (3.1 MB)

---

<div class="post-metadata">

### Author: ![mwestphal](https://discourse.paraview.org/user_avatar/discourse.paraview.org/mwestphal/32/17_2.png) [@mwestphal](https://discourse.paraview.org/u/mwestphal)
#### Post date: [January 8, 2020, 4:17pm UTC](https://discourse.paraview.org/t/how-to-overlay-google-map-image-onto-elevation-data-from-a-vtk-file/3288/4 "2020-01-08T16:17:46Z")

</div>

Filters -\> Transform

---

<div class="post-metadata">

### Author: ![ejtovar](https://discourse.paraview.org/user_avatar/discourse.paraview.org/ejtovar/32/1936_2.png) [@ejtovar](https://discourse.paraview.org/u/ejtovar)
#### Post date: [January 8, 2020, 6:26pm UTC](https://discourse.paraview.org/t/how-to-overlay-google-map-image-onto-elevation-data-from-a-vtk-file/3288/5 "2020-01-08T18:26:06Z")

</div>

I have used the transform filter on TextureMapToPlane to match the bounds of the of the vtk data set, but they are still not in frame together. However, the Extents of the transform filter are still the same as the original TextureMapToPlane. I’m not really sure what’s the best thing to do at the moment.

---

<div class="post-metadata">

### Author: ![mwestphal](https://discourse.paraview.org/user_avatar/discourse.paraview.org/mwestphal/32/17_2.png) [@mwestphal](https://discourse.paraview.org/u/mwestphal)
#### Post date: [January 9, 2020, 10:36am UTC](https://discourse.paraview.org/t/how-to-overlay-google-map-image-onto-elevation-data-from-a-vtk-file/3288/6 "2020-01-09T10:36:44Z")

</div>

You will have to share your your png texture as well so I can help you.

---

<div class="post-metadata">

### Author: ![ejtovar](https://discourse.paraview.org/user_avatar/discourse.paraview.org/ejtovar/32/1936_2.png) [@ejtovar](https://discourse.paraview.org/u/ejtovar)
#### Post date: [January 12, 2020, 11:27pm UTC](https://discourse.paraview.org/t/how-to-overlay-google-map-image-onto-elevation-data-from-a-vtk-file/3288/7 "2020-01-12T23:27:39Z")

</div>

Apologies for the late response! I’m not really sure what you mean about the png texture. So just a regular png screenshot of the map will not work?

---

<div class="post-metadata">

### Author: ![mwestphal](https://discourse.paraview.org/user_avatar/discourse.paraview.org/mwestphal/32/17_2.png) [@mwestphal](https://discourse.paraview.org/u/mwestphal)
#### Post date: [January 13, 2020, 12:09pm UTC](https://discourse.paraview.org/t/how-to-overlay-google-map-image-onto-elevation-data-from-a-vtk-file/3288/8 "2020-01-13T12:09:44Z")

</div>

It may work, I want to give it a go, if you could share it.

---

<div class="post-metadata">

### Author: ![ejtovar](https://discourse.paraview.org/user_avatar/discourse.paraview.org/ejtovar/32/1936_2.png) [@ejtovar](https://discourse.paraview.org/u/ejtovar)
#### Post date: [January 13, 2020, 4:42pm UTC](https://discourse.paraview.org/t/how-to-overlay-google-map-image-onto-elevation-data-from-a-vtk-file/3288/9 "2020-01-13T16:42:19Z")

</div>

![google_maps](https://discourse.paraview.org/uploads/default/original/2X/2/29d41736d58e113305c1416fe1309715adcac3fb.jpeg)

This is the png file that I am trying to use. Thank you.

---

<div class="post-metadata">

### Author: ![mwestphal](https://discourse.paraview.org/user_avatar/discourse.paraview.org/mwestphal/32/17_2.png) [@mwestphal](https://discourse.paraview.org/u/mwestphal)
#### Post date: [January 14, 2020, 10:55am UTC](https://discourse.paraview.org/t/how-to-overlay-google-map-image-onto-elevation-data-from-a-vtk-file/3288/10 "2020-01-14T10:55:14Z")

</div>

Here is a dataset you can use your png texture on :

> **[map.vtp](https://drive.google.com/file/d/1364_FzzySe6Nbdgk2RVTVlz3WZKNcQ2X/view?usp=sharing)**
>
> Google Drive file.

Here is the pipeline I used : [map.pvsm](https://discourse.paraview.org/uploads/short-url/e2ZAEC36hlFZcqEh694MrIqn0zu.pvsm) (1.1 MB)

It was more complex than what I expected tbh, and it is not perfect.

---

<div class="post-metadata">

### Author: ![ejtovar](https://discourse.paraview.org/user_avatar/discourse.paraview.org/ejtovar/32/1936_2.png) [@ejtovar](https://discourse.paraview.org/u/ejtovar)
#### Post date: [January 14, 2020, 3:32pm UTC](https://discourse.paraview.org/t/how-to-overlay-google-map-image-onto-elevation-data-from-a-vtk-file/3288/11 "2020-01-14T15:32:29Z")

</div>

I am trying to load the state, but Paraview is giving me the error, “Reader cannot read file /home/glow/Downloads/a.jpg” and I’m not sure where in the pipeline it’s looking for this file.

---

<div class="post-metadata">

### Author: ![mwestphal](https://discourse.paraview.org/user_avatar/discourse.paraview.org/mwestphal/32/17_2.png) [@mwestphal](https://discourse.paraview.org/u/mwestphal)
#### Post date: [January 15, 2020, 10:39am UTC](https://discourse.paraview.org/t/how-to-overlay-google-map-image-onto-elevation-data-from-a-vtk-file/3288/12 "2020-01-15T10:39:25Z")

</div>

This is for the texture. Not an actual issue, just load your image as a texture and use it on the WarpByScalar output.

 ![image](https://discourse.paraview.org/uploads/default/original/2X/5/50ca08fd87299478b5bd5e69200cfe469fa62c4b.jpeg)

---

<div class="post-metadata">

### Author: ![ejtovar](https://discourse.paraview.org/user_avatar/discourse.paraview.org/ejtovar/32/1936_2.png) [@ejtovar](https://discourse.paraview.org/u/ejtovar)
#### Post date: [January 15, 2020, 7:19pm UTC](https://discourse.paraview.org/t/how-to-overlay-google-map-image-onto-elevation-data-from-a-vtk-file/3288/13 "2020-01-15T19:19:29Z")

</div>

I got it! Wow, Thank you so much. I know it must have been a lot of work. I really appreciate your help.
