Change the sea/ocean color of OpenLayers (OSM) map

The ocean is blue!

Yeah, that should sound OK, because as we all know the ocean is blue, but here I mean the ocean is blue on the maps of OpenStreetMap.org. This map uses pre-generated tiles with parts of the world map and using a tool such OpenLayers javascript library you can construct a geo map. The problem is that those tiles are always with blue ocean, as you can see on the picture below:

a openstreetmap tile with part of east asia
a openstreetmap tile with part of east asia

Well those are generated, how can I change the ocean color?

There is no way to change it, except you modify the .xml file from which those tiles are generated, but so far I haven’t done it.

Since I need a vector (thematic) map, such as this onĀ http://thematicmapping.org/ with geoJSON formated borders I noticed that one you’ve a vector map, there’s no loading of the tiles and thus – no blue color of the ocean. You can see an example here:

emq26y57vz

Related posts:

  1. OpenLayers disable mouse wheel on zoom
  2. OpenLayers vectors IE bug!
  3. OpenLayers Can Be Faster!
This entry was posted in micro tutorial and tagged , , , . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">