Card Type

Composant Delphi / Google Maps / CloudMade / OpenMapQuest / Leaflet  / Bing Maps

API

TECMap allows you to use either the Google Maps API , the API CloudMade , the API Leaflet and l'API OpenMapQuest to display your cards, you make the switch by setting the property Mapapi to apiGoogle or apiCloudMade or apiLeaflet or apiOpenMapQuest

The SSL property lets you use a secure connection for the moment only the Google API provides this functionality.

ApiVersion property of type string allows you to specify the version of the API that you wish to use, it only works for Google, if you do not tell is the latest version to be used.

// Delphi map component ECMap

// set version 3.7 for google api
map.apiVersion := '3.7';

This can be useful in case of bug in some versions.

The API change triggers events OnBeforeChangeMapApi and OnAfterChangeMapApi .

When the card is ready OnLoad event is fired, you can also tune into OnBeforeLoad if you want to change the connection url to the API and add code to connect javascript libraries

// Delphi map component ECMap

procedure TFDemoRoute.mapBeforeLoad(sender: TObject; var sUrlMapApi,
sHtmlHead: string);
begin
// you cant change sUrlMapApi and sHtmlHead
// exemple connexion jquery
sHtmlHead := sHtmlHead + '<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>';
end;

You can recharge a card and its contents by calling the Reload, useful to force a release of memory, and OnAfterReload OnBeforeReload events are available.

You do not have to worry about backing up the card, it will be fully recharged, excluding the results of a search places

StreetView with memory leaks, until google fixes them, reload is call automatically every 1000 views.

TECMap will hold closer to the apis, please read their documentation.

• Documentation Google Maps
• Documentation CloudMade
• Documentation OpenMapQuest
• Documentation Leaflet

In addition to the license that I invite you to read , the main differences are the lack of SSL, view satellite, 3D view of Panoramio , the DistanceMatrix and StreetView in the API CloudMade.

The differences do not cause error in the component TECMap, using an unsupported property has simply no effect, it is possible that future developments following apis deficiencies are corrected.

Card Type

OpenMapQuest supports classic map, view satellite and hybrid views.

CloudMade and Leaflet support classic map.

You have also maps OpenMapStreet, Mapnik, Osmarender, CycleMap and MapQuest (classic, satellite and hybrid )

With the Google API you have the classical map, the satellite view with or without captions, a view highlighted, OpenMapStreet Mapnik, OpenMapStreet A Render, CycleMap and MapQuest

You change your view through the property MapTypeID with value as possible mtROADMAP, mtSATELLITE,mtHYBRID, mtTERRAIN, mtMAPNIK, mtOSMARENDER, mtMapQuest and mtCYCLEMAP

For satellite images (mtSATELLITE, mtHYBRID) Google Map begins to develop at 45 ° views, you can activate it through the property Tilt

// Delphi map component ECMap

// shows a 45° perspective on image satellite
map.tilt := 45;

This is not implemented everywhere, see the documentation for more info google

When changing the type of card it is by code or directly on the map in detail, the event OnChangeMapTypeId (Sender: TObject) is triggered.

Styles

The Styles property allows you to reset the display of the map.

// Delphi map component ECMap
// set styles for google maps
map.Styles := '[ { featureType: "road", stylers: [ { saturation: 22 }, { lightness: -55 } ] } ]';

// set styles for cloudmade & leaflet
map.Styles := '8';

Visit the site of google maps for more information on the syntax of the styles.

Google puts at your disposal a wizard to create your styles

You simply assign to map.Styles the JSON string.

Under CloudeMade the Styles property contains an identifier, you can go visit the library of available styles or create your

2, 3, 8, 997, 998, 999 allow to use styles, example of use map.Styles:='999'