The ultimate Google Map / Earth component

Come closer to see the quality hidden in details. Overview Features Change Log Terms of use

TGAgisGoogleMap Features

TGAgisGoogleMap directly loads the necessary html and script codes from memory, hence does not require any external files, which results not only in less load time; but also eliminates management complexity, which is legal according to Google terms. Besides it can use an auto generated html gateway file optionally, if needed.

Just decide the Google Map API version and subversion you want to use, or let the component detect and use stable or latest version published for you. You can also try Beta version or stick with Weekly or Quarterly channels. For 3D requirements, you will also know, if Google Earth Plugin is installed or not at the client machine.

Component supports Premier Client Id binding and also have properties to set free account URL / Key pair. You just need to acquire and set them. If you need to use a gateway file, it will be auto generated with the provided information.

In addition to regular connection, component supports secure connection to be at the safe side. If you are behind a proxy or need to use a special one, just set the related properties.

It is possible to run custom JavaScript code with the component. Passing any text value from the custom code is also allowed. All executed JavaScript code will be passed through an event for logging purposes. In case an error occurs during JavaScript code execution, it can be suppressed and detailed information will be extracted.

If you need additional JavaScript libraries, just provide their URLs and they will be loaded along with the Map API and other internal libraries. You will be able to use them with powerful JavaScript features, execution, detailed error information and logging mentioned above.

TGAgisGoogleMap also supports localization of applications, with 54 supported languages / variations. Image shows 6 of them in action on map type control buttons. DropDownMenu is also supported, which occupies less area. With version 3, you can also specify region to serve different map tiles or bias the application.

Add / remove different type and size of map navigation controls, including new styled ones, at the preferred corner or edge.

Add / remove different type and size of map controls, like Scale control, Current Location Box (discontinued), StreetView control, Search bar (discontinued), Overview Map..

Allow / prevent keyboard navigation. Enable / disable dragging by mouse and scroll wheel usage. Adjust other settings like Hover and Dragging cursors, Continuous Zoom, AutoSize, AutoHide Controls, Background Color..

You can style your map whatever your like. There exist 7 major types, each having 2 sub types for labels and geometry to adjust hue, saturation, lightness levels. You can also invert lightness of a type or hide it completely.

Custom image maps is another new feature. You can use, Bing, OpenStreet, Ovi, Live, Yahoo or any other map provider's tiles, or your own tiles providing a function for the tile urls relative to tile-x, tile-y, and zoom level.. Image shows OpenStreet map tiles on the component.

Basic methods like Center, Zoom In/Out, Set Zoom Level, PanTo, PanBy are all supported. Also advanced methods like SnapToRoad, which returns closest road to a given coordinate is also available. Getting the closest marker at a point is also possible. Map position and zoom level can be saved and restored back.

Add, remove, update many kinds of overlay objects (markers, labels, polylines, polygons, curves and circles, 2D and 3D kml/kmz xml sources, arrows, ground images, screen images, tile layers, info layers or layers containing other overlays) simply. And use an extensive amount of properties / events to manage your map, and overlay objects. All overlays allow submitting multiple changes at once with BeginUpdate and EndUpdate methods. They all can be set to be visible at certain zoom level ranges also.

Overlays can also be grouped under a Layer, so that showing / hiding them at once becomes possible. Also setting the opacity of a layer will update opacity values of all child overlays.

Paths within polylines, polygons and curves are actually collection of latitude and longitude values, and these become bulky when there exist many vertices. As a solution, you may use Google's polyline encoding / decoding algorithm to compress. TGAgisGoogleMap allows extraction of vertices from encoded paths to use within polylines, polygons or curves. Generating encoded paths from vertices is also possible.

Overlays (markers, polylines, polygons, curves and circles) can be exported to KML files. A method provided by supported overlays will return kml representations in string, which then can be used to generate kml or kmz files, which are importable with many applications, like Google Earth Application.

Choose from 6 marker types, from simplest default marker to complex shiny icons, which allow unlimited color combinations with adjustable color and text options. Flat marker types with circle or rounded rectangle shape with customizable label is another option. Finally new ball shaped marker is available. If all the above is not enough for you, just provide your images to the image marker. Marker images can be local image files of supported types (except Earth mode).

If you have large number of markers, you do not need to worry about performace and / or readability. Just set a property, and your Markers will be clustered automatically per zoom level. Since library is not hosted, this feature require hosting..

Do you need to show tabbed content when a marker is clicked? Just set tab labels and tab content html, when user clicks the marker or you open the info window programmatically, a nicely tabbed window will be shown to the user.

You can show info windows anywhere you want ! You are not limited with Markers.. They can be unbound to any object and pop up at any coordinates you specify. You can bind InfoWindows to Polylines, Polygons, Circles, Curves and GroundImages also. Just set the text or html you would like to see, and they will pop up automatically when clicked, or programmatically with a method call.

InfoWindows are not limited with 2D / Map mode either, 3D / Earth mode also supports InfoWindows. You will be notified when an InfoWindow is closed. Also an event will be triggered when a link is clicked, identifying which one it is.

With TGAgisGoogleMap, you can create opaque / transparent labels with full html support. Which means you can add different size/ color text / link, images, borders, anything html supports. You can also rotate labels 2d. Labels can be bound to coordinates or screen pixels. You will also be notified when a link is clicked, identifying which one it is.

Create polylines from vertices with properties like StrokeWeight, StrokeColor, StrokeOpacity. To highlight a polyline, just specify different values. Style will change automatically according to hover status. Geodesic polylines are also supported. And a single line can return length or bounds.. You can make them editable with version 3, and they will automatically be updated when edited on map, and an event will be triggered to notify. Image shows polylines with same two coordinates but (red) one is geodesic type.

Create polygons from vertices with properties like StrokeWeight, StrokeColor, StrokeOpacity, FillColor, FillOpacity. To highlight a polygon, just specify different values. Style will change automatically according to hover status. Geodesic and editable polygons are also supported. And a single line can return area or bounds.. You can also check whether a coordinate is in or not. Image shows two polygons with same coordinate data, one in geodesic format.

Polylines can be decorated with symbols introduced with version 3. You can combine multiple symbols and hide the original poyline path. You can also animate symbols.

With version 3, you can also create multiple path polygons like the one, image shows. You can make all paths editable with version 3, and they will automatically be updated when edited on map, and an event will be triggered to notify informing the path index changed.

Curves are also supported. It is possible to draw opaque / transparent, closed / open curves with adjustable precision. Again, curves have standard properties and events like other overlays. Image shows a few possibilities.

Create circles at required precision with properties like Center Coordinates, Radius, StrokeWeight, StrokeColor, StrokeOpacity, FillColor, FillOpacity.. Calculate area and get bounds accurately and easily. You can make them editable with version 3, and they will automatically be updated when edited on map, and an event will be triggered to notify. You can also check whether a coordinate is in or not.

Create arrows in any size with any border and fill colors and transparency to point any direction precisely. Currently three different shapes are available, regular, triangular and double triangular. All support width and length scaling independantly. They will notify for mouse over, mouse out, click events also.

Create ground images over the map image. The images will be shown within the boundary coordinates provided. Ground images can be used for historical image overriding, or showing custom images.. Image shows a custom campus image over an Indian University.

Create screen images over the map control. The images will be shown at the pixel coordinates given. Screen images are suitable for adding logos, watermark images, or any kind of sprites.. Image shows one over an island.

GeoXMLs can be loaded from URLs. In Earth mode, you can also provide local files or KML strings directly. Image shows a 3D kml object imported. To have full control over the kml nodes, and parse local files even in Map mode, you can use TGAprsKML component.

Heatmaps allow you to visualize data in a special way.

Do you need to show colorfull markers in Earth mode? You are at the right place, all six marker types can be shown in Earth mode also. Markers can also be scaled in Earth mode. And you can set markers above / below the ground / water in Earth mode using Altitude values and modes (clamp to ground, clamp to sea floor, relative to sea floor, relative to ground and absolute) available.

Earth mode also supports polylines, polygons, curves, circles, arrows, directions and traffic information. Markers, polylines and polygons also support altitude values and modes in Earth mode.

Aerial perspective imagery is also supported with the component. You do not have to look at from the top, but you can also view from the North, East, West and South sides.

Set your waypoints and get walking or driving directions among them in a language you prefer. Avoid highways if needed. Distance, Duration and Copyright information can also be retrieved. In case multiple directions needed, you can select different stroke styles for each direction. Also markers can be hidden, fixed or draggable according to needs. Image shows two directions with same waypoints, one with highways allowed.

Directions can be edited by dragging markers or by stretching any point on direction to introduce new waypoints. Avoiding Tolls and Bicycling travel modes are also possible.

Show/hide street view layer and man. View streets virtually with Street View feature. Adjust yaw, pitch and zoom values programmatically and have a look at just where you want. You can even get a 360 ° view at coordinates. Also decide whether the street view image can be maximized or not, and if you allow; customize the maximized image window, via setting window title and image title. Custom photos can also be hidden/shown.

With version 3 you can even place markers and info windows on street view. While you change the view, markers will be re-positioned automatically.

Are you bored from the street view man? How about a cool penguin at the streets? There exist 2 image sets to represent street view location and angle of sight, the classical man, and the cool "peguin".

Transit and Bicycling Layers are also supported, you can show multiple info layers at the same time.

You can show traffic data with the incidents option programmatically or show a Traffic Button with a legend support.

The new weather library is also reachable through the component. Weather forecast values can be displayed on map with a few options. Temperature and WindSpeed units can be adjusted, also label colors can be reversed. Clouds imagery can also be shown. (Discontinued)

Tile Layers are also available. You can add custom tile images with adjustable transparency. Setting up a copyright information for the tile images is also possible. Image shows crosshairs tile image over Australia. (Discontinued)

With "Drag Zoom" functionality, users can draw a rectangle to zoom in and restore back to previous positions / zoom levels. Since library is not hosted, this feature require hosting..

TGAgisGoogleMap component also supports TPopupMenu natively. Just assign the PopupMenu to the dedicated property, and it will do the rest. With the help of properties and events, you can determine, if user right clicked on a marker for example and add an action item for the specific marker. Also a property is added to return if PopUp Menu is visible or not (a menu is selected or user clicked outside of popup menu).

For a closer look please check the demo.