GoogleMaps

The GoogleMaps extension lets you control Google Maps as a fully integrated server control. The control fires events back to the server and the server can affect any visual aspect of the map.

wisej-extensions/Wisej.Web.Ext.GoogleMaps at 3.0 · iceteagroup/wisej-extensionsGitHub

GoogleMaps Source Code

Features

• Map Types

  • Display the road, satellite, hybrid, terrain, and custom maps.

• Localization

  • Automatically localize text on the map into over 40 languages.

• Markers

  • Display the default Google Maps marker, or add your own custom-styled markers.

• UI controls

  • Customize the UI controls that appear on the map.

• Events

  • Write code that reacts to user interactions and lifecycle events.

• Info windows

  • Add increased context and information to your markers with interactive info windows.

• Shapes

  • Draw a variety of shapes on the map with built-in functions, including polylines and polygons.

• Custom Overlays

  • Create custom overlays to display data, imagery, and more on the map.

• Ground Overlays

  • Overlay your own custom imagery that stays in sync with the map when it pans and zooms.

• Custom styling

  • Custom style the appearance of almost every visual aspect of the map.

• Tilt & Rotation

  • Programmatically tilt and rotate the vector basemap in three dimensions.

• Marker clustering

  • Group large numbers of markers for a cleaner user experience.

• Heatmaps

  • Visualize the density of data at geographical points.

How to Use

The GoogleMaps extension can be added to a Wisej.NET project using NuGet Package Manager.

Wisej-3-GoogleMaps 3.0.9nuget

To use the GoogleMaps extension you first need to set the ApiKey to your Google Maps API key. Configure your GoogleMaps instance by specifying MapOptions in Options property. On initial load please set GoogleMapsURL if you don´t want to use the default (//maps.googleapis.com/maps/api/js). This setting cannot be changed after the component has been loaded the first time.

Add markers with the AddMarker methode or define routes with AddRoute. You can also use ShowInfo to show the Google Maps info window related to a marker.

// Add a new marker
this.googleMap1.AddMarker("Marker1", "London SW1A 1AA, UK");
// Set the zoom via Options
this.googleMap1.Options.zoom = 10;

Feedback from the GoogleMaps is provided through events like MapClick, MapPropertyChanged or MarkerDrag* and MapDrag*

Find more information in our GoogleMaps example in C# or in VB.NET.