JavaScript Tutorials

It's recommended (but not necessary) that you work through these tutorials in order.

• Creating a Simple Map

  Learn how to quickly embed a GeoStream map on a webpage using JavaScript.

• Adding a Traffic Layer Tutorial

  Display real-time, or historical traffic data on your GeoStream map.

• Auxiliary Layers Tutorial

  Render map objects only on specific GeoStream layers.

• Zoom-To-Rect Tutorial

  Use the zoom-to-rect behavior of a map to control zooming.

• Using a Slider Widget

  Use the Slider widget to control the zoom level of a Map.

• Using a Scale Widget

  Use the Scale widget to provide a visual indication of relative distance on a Map object.

• Using a Dock Widget

  Learn how to use a Dock widget to neatly group other widgets along one side of a Map object.

• Geocoding

  Search for a street address and mark the location of the address on a map.

• Reverse Geocoding

  Translate a location on a Map object to an address string.

• Autocomplete Geocoding

  Search for a partial address while the user is typing, return region or street suggestions for the user to choose from and then mark the selected location of the address on a map.

• Creating Balloons

  Use balloon objects to conveniently display information relevant to particular points on a map.

• Using Satellite Imagery

  Add satellite imagery to your GeoBase maps.

• Displaying WMS Layers

  Display Web Map Service (WMS) layers, such as wind, precipitation, cloud cover, and other layers, in your GeoStream map applications.

• Toggling Layers

  Toggle various layers in a GeoStream mapping application.

• Creating a Simple Route

  Create a simple route between route stops on a map.