MapView Class

Represents a container for map layers.

Namespace: MindFusion.Mapping
File: MapView.js

 Syntax

JavaScript

// class
MapView.prototype = {}

 Remarks

Remember always to call the load method after you've finished customizing the map.

 Example

The following example creates a new MapView using a <DIV> element called "mapview" that we've declared in the HTML code of the page. Then it adds a new MapLayer that provides map tiles to it. FInally it calls the load method to load all added layers and specify the center of the visible map:

JavaScript

var m = MindFusion.Mapping;// create a new instance of the mapView 
view = new m.MapView(document.getElementById("mapView"));var l = new m.MapLayer();
l.id = 0;
l.urlTemplate = "http://d.tile.stamen.com/terrain/{z}/{x}/{y}.png";
l.attribution = 'Map tiles by <a href="http://stamen.com">Stamen Design</a>, under <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. Data by <a href="http://openstreetmap.org">OpenStreetMap</a>, under <a href="http://www.openstreetmap.org/copyright">ODbL</a>.';
view.layers.add(l);

 // load all layers
 view.load(new m.LatLong(0, 0), 2);

 Inheritance Hierarchy

MindFusion.Mapping.Control
    MindFusion.Mapping.MapView