# map with waterbodies

**URL:** <https://talk.observablehq.com/t/map-with-waterbodies/2596>\
**Category:** Help\
**Created:** [November 30, 2019, 9:42am UTC](https://talk.observablehq.com/t/map-with-waterbodies/2596 "2019-11-30T09:42:33Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![mhebrard](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/mhebrard/32/75_2.png) [@mhebrard](https://talk.observablehq.com/u/mhebrard)\
**Post date:** [November 30, 2019, 9:42am UTC](https://talk.observablehq.com/t/map-with-waterbodies/2596/1 "2019-11-30T09:42:33Z")

</div>

Hi I am using Observablehq to plot a worldmap.  
I wish to plot the country shapes (to eventually color each countries), and the water bodies (especially the lakes)

I plan to use Openlayers but I am a bit struggled to find the map source…  
I found [geo-map](https://github.com/simonepri/geo-maps) that looks good but when I try to import the map I obtain the error below

```js
geoWorldWaters = require('@geo-maps/earth-waterbodies-10m');

```

> geoWorldWaters = vt: unable to load package.json

Do you have an idea how to fix that ? or maybe a easier source for openlayers vector maps ?

Thanks

---

<div class="post-metadata">

**Author:** ![aaronkyle](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/aaronkyle/32/8106_2.png) [@aaronkyle](https://talk.observablehq.com/u/aaronkyle)\
**Post date:** [November 30, 2019, 11:27am UTC](https://talk.observablehq.com/t/map-with-waterbodies/2596/2 "2019-11-30T11:27:42Z")

</div>

I can’t help much with `require` (seems neither could the [module require debugger](https://observablehq.com/@tmcw/module-require-debugger)), but maybe these are a start:

[Lakes + Reservoirs](https://www.naturalearthdata.com/downloads/10m-physical-vectors/10m-lakes/)

> **[Lakes & Reservoirs - Natural Earth](https://observablehq.com/d/606686b28a45309e)**
>
> An Observable notebook by Aaron Kyle Dennis.

-and-

[Rivers + lake centerlines](https://www.naturalearthdata.com/downloads/10m-physical-vectors/10m-rivers-lake-centerlines/)

> **[Rivers & Lakes - Natural Earth](https://observablehq.com/d/ab5ba7107b3f33dd)**
>
> An Observable notebook by Aaron Kyle Dennis.

… I haven’t dropped them into OpenLayers: merely converted shapefiles from Natural Earth to geojson.

---

<div class="post-metadata">

**Author:** ![aaronkyle](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/aaronkyle/32/8106_2.png) [@aaronkyle](https://talk.observablehq.com/u/aaronkyle)\
**Post date:** [November 30, 2019, 12:13pm UTC](https://talk.observablehq.com/t/map-with-waterbodies/2596/3 "2019-11-30T12:13:52Z")

</div>

Here it is in Leaflet:

[Lakes + Reservoirs](https://www.naturalearthdata.com/downloads/10m-physical-vectors/10m-lakes/)

> **[Leaflet w/ GEOJSON Lakes & Reservoirs - Natural Earth](https://observablehq.com/d/79721cfa9e8f4fd4)**
>
> An Observable notebook by Aaron Kyle Dennis.

… In this approach, I referenced the file from my GitHub account. You might wish just to upload it as an attachment (I haven’t quite gotten this yet).

---

<div class="post-metadata">

**Author:** ![aaronkyle](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/aaronkyle/32/8106_2.png) [@aaronkyle](https://talk.observablehq.com/u/aaronkyle)\
**Post date:** [November 30, 2019, 2:35pm UTC](https://talk.observablehq.com/t/map-with-waterbodies/2596/4 "2019-11-30T14:35:51Z")

</div>

And here it is with OpenLayers:

[Lakes + Reservoirs](https://www.naturalearthdata.com/downloads/10m-physical-vectors/10m-lakes/)

> **[OpenLayers w/ GEOJSON Lakes & Reservoirs - Natural Earth](https://observablehq.com/d/7fa593b16be674f8)**
>
> An Observable notebook by Aaron Kyle Dennis.

… Same caveat here: I referenced the `geojson` file from my GitHub account, but it’s small enough just to upload it as an attachment. I’ll see about switching it out now that I’ve got this basic map working.

Hope this helps!

* * *

PS: All the credit to Mike & Tom (source notebooks below):

> **[GeoJSON Viewer](https://observablehq.com/@mbostock/geojson-viewer)**
>
> An Observable notebook by Mike Bostock.

> **[🍃 Leaflet](https://observablehq.com/@tmcw/leaflet)**
>
> An Observable notebook by Tom MacWright.

> **[Hello, Leaflet](https://observablehq.com/@mbostock/hello-leaflet)**
>
> An Observable notebook by Mike Bostock.

> **[Using OpenLayers](https://observablehq.com/@tmcw/using-openlayers)**
>
> An Observable notebook by Tom MacWright.

> **[Hello, OpenLayers!](https://observablehq.com/@mbostock/hello-openlayers)**
>
> An Observable notebook by Mike Bostock.

… Apologies for not forking directly; it was just easier for me to fork form my own private notebooks.

---

<div class="post-metadata">

**Author:** ![mhebrard](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/mhebrard/32/75_2.png) [@mhebrard](https://talk.observablehq.com/u/mhebrard)\
**Post date:** [December 1, 2019, 12:39am UTC](https://talk.observablehq.com/t/map-with-waterbodies/2596/5 "2019-12-01T00:39:49Z")

</div>

That looks great thank you ! I will look into it and let you know 🙂

---

<div class="post-metadata">

**Author:** ![mhebrard](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/mhebrard/32/75_2.png) [@mhebrard](https://talk.observablehq.com/u/mhebrard)\
**Post date:** [December 1, 2019, 1:52am UTC](https://talk.observablehq.com/t/map-with-waterbodies/2596/6 "2019-12-01T01:52:01Z")

</div>

Looking on the web again I found [natural-earth-vector repo](https://github.com/nvkelso/natural-earth-vector/tree/master/geojson)

and with the hint of [geojson-viewer](https://observablehq.com/@mbostock/geojson-viewer) to load the file, I get what I wanted !!

Thanks guys