Let's use the Canvas
renderer and see what our map looks like.
Make a copy of the previous example. We'll just be changing one line of the code.
The only thing we'll need to do is set the
renderers
property when instantiating the vector layer. By default, it is set as['SVG', 'VML', 'Canvas']
. Let's makeCanvas
the default renderer. Replace your vector layer instantiation code with:var vector_layer = new OpenLayers.Layer.Vector('Basic Vector Layer', { renderers: ['Canvas', 'SVG', 'VML'] });
Open up the map and draw some points. It may look similar, but you will probably notice that the lines don't look as sharp as they do when using the
SVG
renderer. If you use Firebug to inspect the map element, you'll see a<canvas>
tag: