Google Maps über COM (Component Object Model)

[manfred_h]

Hallo Thom

Bin gerade weiter dabei die Karte in meine Anwendung zu integrieren.
Was mir nicht ganz klar ist wie kann ich das InfoWindow einem Marker zuordnen?
Beim Marker erscheint immer das erste InfoWindow, was eigentlich auch klar ist
da ich ja dies aufrufe Infowindows[0].Open(Maps[0],Marker); .
Stecke hier ein wenig fest....

mit folgendem code werden die Marker gesetzt:

Delphi-Quellcode:

procedure Tfrm_map.btn_Encode_batchClick(Sender: TObject);
var
  LatLng: TLatLng;
  Lat, Lng, InfoWindow_String: String;
  InfoWindow: TInfoWindow;
  Marker: TMarker;
  MarkerOptions: TMarkerOptions;
begin
  with Script do
  begin
    Marker:=nil; //falls keine Daten in der Tabelle vorliegen
    DM_map.Map.First;
    while not DM_map.Map.Eof do
    begin
      if DM_map.Map.FieldByName('POS_LAT').Text = '' then
        DM_map.Map.Next
      else
      Lat:=DM_map.Map.FieldByName('POS_LAT').Text;
      Lng:=DM_map.Map.FieldByName('POS_LNG').Text;
      InfoWindow_String:=(
      //
        DM_map.Map.FieldByName('AREA').AsString + '<br>'+
        DM_map.Map.FieldByName('NAME').AsString + '<br>'+
        DM_map.Map.FieldByName('STR').AsString + '<br>'+
        DM_map.Map.FieldByName('PLZ').AsString + '-'+
        DM_map.Map.FieldByName('CITY').AsString + '<br>'+'TEL:' +
        DM_map.Map.FieldByName('TEL').AsString + '<br>'+'______________________ <br>'+'Camp ' + '- '+
        DM_map.Map.FieldByName('C_NO').AsString);
      //
      LatLng:=New(Google.Maps.LatLng(StrToFloatDef(Lat,0,'.'),
                                   StrToFloatDef(Lng,0,'.')));
      InfoWindow:=New(Google.Maps.InfoWindow);
      InfoWindow.Content:=InfoWindow_String;
      MarkerOptions:=TMarkerOptions.Create;
      with MarkerOptions do
      begin
        Map:=Maps[0];
        Position:=LatLng;
        MarkerOptions.Title:= DM_map.Map.FieldByName('NAME').AsString;
      end;
      Marker:=New(Google.Maps.Marker(MarkerOptions));
      Marker.OnClick:=MarkerClick;
      MarkerOptions.Free; //momentan noch etwas auf den Speicher achten
                          //-> in der neuen Version stelle ich auf Interfaces um,
                          //so daß die Freigabe automatisch erfolgt
      LatLng.Free; //gleicher Grund
      DM_map.Map.Next;
    end;
    if assigned(Marker)
      then Maps[0].SetCenter(Marker.GetPosition); //nur den letzten Marker zentrieren
  end;
end;

Delphi-Quellcode:

procedure Tfrm_map.MarkerClick(Sender: TObject; Event: TEvent);
var
  Marker: TMarker;
  Text: String;
begin
  with Script do
  begin
    Marker:=TMarker(Sender);
//    Text:=Marker.Properties['PlaceName'];
//    Infowindows[0].SetContent(Text);
    Infowindows[0].Open(Maps[0],Marker);
  end;
end;

[Thom]

Du müßtest das Info-Fenster an den Marker "binden". Ab Delphi 2009 geht das sehr komfortabel über anonyme Methoden. Ansonsten könntest Du die Data-Eigenschaft des Markers nutzen und dort das InfoWindow-Objekt ablegen (vergleichbar mit TListItem.Data):

Delphi-Quellcode:

  Marker.Data:=InfoWindow;
  [...]

Die Anzeige im MarkerClick-Ereignis ist dann einfach:

Delphi-Quellcode:

 [...]
var
  Marker: TMarker;
  InfoWindow: TInfoWindow;
begin
  Marker:=Sender as TMarker;
  InfoWindow:=(Marker.Data) as TInfoWindow;
  if assigned(InfoWindow) 
    then InfoWindow.Open(Marker.GetMap,Marker);
end;

Wobei ich bei diesem Tip etwas Bauchschmerzen habe, da ich noch nicht 100%ig weiß, ob das Data-Property noch in der kostenlosen Personal-Edition der nächsten Version vorkommen wird. Eigentlich sollen dort nur Objekte, Eigenschaften und Methoden enthalten sein, die auch im Google Maps API dokumentiert sind. Delphi "Komfort"-Funktionen (wozu auch die Data- und die Tag- Eigenschaft gehören) sollen eigentlich der Professional- und Enterprise-Edition vorbehalten sein. Da muß ich noch etwas darüber schlafen...

Ansonsten könntest Du natürlich auch ein Array mit allen Marker-InfoWindow-Paaren aufbauen und darüber die Zuordnung realisieren:

Delphi-Quellcode:

type
  TMarkerData = record
    Marker: TMarker;
    InfoWindow: TInfoWindow;
  end;

var
  MarkerData: array[0..x] of TMarkerData;

Desweiteren würde ich empfehlen, als Cast nur den as -Operator zu verwenden, da zukünftig Interfaces genutzt werden und damit die Umstellung schneller geht (IMarker(Sender) geht dann nämlich schief):

Delphi-Quellcode:

//bisher:
procedure TForm1.MarkerClick(Sender: TObject; Event: TEvent);
begin
  with Sender as TMarker do
  begin
  end;
end;

//zukünftig:
procedure TForm1.MarkerClick(Sender: IObject; Event: IEvent);
begin
  with Sender as IMarker do
  begin
  end;
end;

[manfred_h]

Hallo Thom

Bei der Variante mit Marker.Data:=InfoWindow erhalte ich eine EAccessViolation
ohne nähere angaben. Habe schon versucht das Info-Window nur einzeilg zu halten brachte aber keinen Unterschied.

Zitat von Thom:

Du müßtest das Info-Fenster an den Marker "binden". Ab Delphi 2009 geht das sehr komfortabel über anonyme Methoden. Ansonsten könntest Du die Data-Eigenschaft des Markers nutzen und dort das InfoWindow-Objekt ablegen (vergleichbar mit TListItem.Data):

Delphi-Quellcode:

  Marker.Data:=InfoWindow;
  [...]

Die Anzeige im MarkerClick-Ereignis ist dann einfach:

Delphi-Quellcode:

 [...]
var
  Marker: TMarker;
  InfoWindow: TInfoWindow;
begin
  Marker:=Sender as TMarker;
  InfoWindow:=(Marker.Data) as TInfoWindow;
  if assigned(InfoWindow) 
    then InfoWindow.Open(Marker.GetMap,Marker);
end;

[/DELPHI]

Mit dem Array bin ich noch nicht ganz klar gekommen, werde mich als nächstes daran versuchen.
Das ganze sieht aber schon wirklich super aus.
Manfred

[Thom]

Ich habe gerade mal folgende Variante getestet (Framework Version 2.0 mit Delphi XE):

Delphi-Quellcode:

procedure TForm1.InitMap(Sender: TObject);
var
  Map: TMap;
  MapOptions: TMapOptions;
begin
  with Sender as TScript do
  begin
    MapOptions:=TMapOptions.Create;
    with MapOptions do
    begin
      Zoom:=10;
      Center:=New(Google.Maps.LatLng(47.651743,-122.349243));
      MapTypeID:=Google.Maps.MapTypeID.Roadmap;
    end;
    Map:=New(Google.Maps.Map(MapOptions));
    Map.OnClick:=
      procedure(Sender: TObject; Event: TMouseEvent)
      var
        Marker: TMarker;
        InfoWindow: TInfoWindow;
      begin
        Marker:=New(Google.Maps.Marker);
        Marker.Position:=Event.LatLng;
        Marker.Map:=Map; //<- hier wird das Map-Objekt aus der InitMap-Methode genommen 
        InfoWindow:=New(Google.Maps.InfoWindow);
        InfoWindow.SetContent(Event.LatLng.ToUrlValue(4));
        Marker.OnClick:=
          procedure(Sender: TObject; Event: HTMLObjects.TEvent)
          begin
            InfoWindow.Open(Map,Marker); //<- hier wird das Map-Objekt aus der InitMap-Methode
                                         //sowie das Marker- und das InfoWindow-Objekt 
                                         //aus der Map.OnClick-Methode verwendet
          end;
      end;
  end;
end;

Das demonstriert recht schön die Datenbindung mit Hilfe von anonymen Methoden. Schon alleine das wäre ein Grund, sich mal eine aktuelle Delphi-Version zuzulegen...

Aber auch die Variante mit Marker.Data:=InfoWindow; funktioniert bei mir ohne Probleme. Allerdings muß noch Marker.OwnsData:=false; gesetzt werden, damit es bei Löschen eines Markers beziehungsweise beim Aufräumen am Programmende zu keinen Problemen kommt.

Sollte es dann immer noch Probleme in Deinem Projekt geben, poste mal bitte den betreffenden Quelltext.

Zusatz:
Im Folgenden noch ein kleines Beispiel, wie durch anonyme Methoden gebundene Objekte in der neuen Frameworkversion verwendet und freigegen werden können. Dazu wurde das neue Event OnWrapperDestroy eingeführt:

Delphi-Quellcode:

procedure TForm1.InitMap(Sender: IObject);
var
  Map: IMap;
  MapOptions: IMapOptions;
begin
  with Sender as IScript do
  begin
    MapOptions:=New(Google.Maps.MapOptions);
    with MapOptions do
    begin
      Zoom:=10;
      Center:=New(Google.Maps.LatLng(47.651743,-122.349243));
      MapTypeID:=Google.Maps.MapTypeID.Roadmap;
    end;
    Map:=New(Google.Maps.Map(MapOptions));
    Map.OnClick:=
      procedure(Sender: IObject; Event: IMouseEvent)
      var
        Marker: IMarker;
        InfoWindow: IInfoWindow;
      begin
        InfoWindow:=New(Google.Maps.InfoWindow);
        InfoWindow.SetContent(Event.LatLng.ToUrlValue(4));
        Marker:=New(Google.Maps.Marker);
        Marker.Map:=Map;
        Marker.Position:=Event.LatLng;
        Marker.PopupMenu:=MarkerPopupMenu;
        Marker.OnClick:=
          procedure(Sender: IObject; Event: IMouseEvent)
          begin
            InfoWindow.Open(Map,Marker);
          end;
        Marker.OnContextPopup:=
          procedure(Sender: IObject; MousePos: TPoint; var Handled: Boolean)
          begin
            FActiveMarker:=Marker;
          end;
        Marker.OnWrapperDestroy:=
          procedure(Sender: IObject)
          begin
            if assigned(InfoWindow)
              then InfoWindow.Free;
          end;
      end;
  end;
end;

procedure TForm1.DeleteMarkerClick(Sender: TObject);
begin
  if assigned(FActiveMarker)
    then FActiveMarker.Free;
end;

Hier wird eine einfache Karte erstellt, bei einem Klick darauf ein neuer Marker gesetzt und mit einem Info-Fenster verbunden, das die Koordinaten des Markers anzeigt und beim Klick auf den Marker eingeblendet wird. Jedem Marker wird das selbe Popup-Menu zugeordnet, das auf den Befehl Delete den angeklickten Marker löscht und das zugeordnete Info-Fenster freigibt.

Interessant ist dabei die Freigabe eines Objektes über ein Interface (InfoWindow.Free und FActiveMarker.Free). Die Variable FActiveMarker enthält nach der Ausführung der Anweisung FActiveMarker.Free den Wert nil - Objekt- bzw. Interface-Referenzen werden also automatisch gelöscht. Ebenso wird die in den anonymen Methoden gebundene Variable InfoWindow automatisch auf nil gesetzt, falls durch die Refresh-Taste F5 oder beim Beenden des Programmes das InfoWindow-Objekt vor dem Marker freigegeben werden sollte (daher auch der notwendige Test mit assigned(), um Zugriffsverletzungen zu verhindern).

[manfred_h]

Hallo Thom

Danke für Deine Antwort.
Es geht jetzt. Habe bemerkt dass

Delphi-Quellcode:

      Marker.OwnsData:=false;
      Marker.Data:=InfoWindow;

erst nach MarkerOptions aufgerufen werden darf.

Delphi-Quellcode:

procedure Tfrm_map.btn_Encode_batchClick(Sender: TObject);
var
  LatLng: TLatLng;
  Lat, Lng, InfoWindow_String: String;
  InfoWindow: TInfoWindow;
  Marker: TMarker;
  MarkerData: array of TMarkerData;
  MarkerOptions: TMarkerOptions;
  MyImage, MyShadow: TMarkerImage;
  sql_count: Integer;
begin
  with Script do
  begin
    Marker:=nil; //falls keine Daten in der Tabelle vorliegen
    DM_map.Map.First;
    while not DM_map.Map.Eof do
    begin
      if DM_map.Map.FieldByName('POS_LAT').Text = '' then
        DM_map.Map.Next
      else
      Lat:=DM_map.Map.FieldByName('POS_LAT').Text;
      Lng:=DM_map.Map.FieldByName('POS_LNG').Text;
      LatLng:=New(Google.Maps.LatLng(StrToFloatDef(Lat,0,'.'),
                                   StrToFloatDef(Lng,0,'.')));
      //
      InfoWindow_String:=(
        DM_map.Map.FieldByName('AREA').AsString + '<br>'+
        DM_map.Map.FieldByName('NAME').AsString + '<br>'+
        DM_map.Map.FieldByName('STR').AsString + '<br>'+
        DM_map.Map.FieldByName('PLZ').AsString + '-'+
        DM_map.Map.FieldByName('CITY').AsString + '<br>'+'TEL:' +
        DM_map.Map.FieldByName('TEL').AsString + '<br>'+'______________________ <br>'+'Camp ' + '- '+
        DM_map.Map.FieldByName('C_NO').AsString);
      //
      InfoWindow:=New(Google.Maps.InfoWindow);
      InfoWindow.Content:=InfoWindow_String;
      // Imagesettings for this Marker
      MyImage:=New(Google.Maps.MarkerImage(MarkerURL+table_name+'.png',
        //This marker is 28 pixels wide by 35 pixels tall.
        New(Google.Maps.Size(28,35)),
        //The origin for this image is 0,0.
        New(Google.Maps.Point(0,0)),
        //The anchor for this image is the base of the flagpole at 6,20.
        New(Google.Maps.Point(6,20))));
      //
//      Marker.OwnsData:=false;
//      Marker.Data:=InfoWindow;
      MarkerOptions:=TMarkerOptions.Create;
      with MarkerOptions do
      begin
        Map:=Maps[0];
        Position:=LatLng;
        MarkerOptions.Title:= DM_map.Map.FieldByName('NAME').AsString;
        IconImage:=MyImage;
      end;
      Marker:=New(Google.Maps.Marker(MarkerOptions));
      Marker.OnClick:=MarkerClick;
      MarkerOptions.Free; //momentan noch etwas auf den Speicher achten
                          //-> in der neuen Version stelle ich auf Interfaces um,
                          //so daß die Freigabe automatisch erfolgt
      LatLng.Free; //gleicher Grund
      Marker.OwnsData:=false;
      Marker.Data:=InfoWindow;
      DM_map.Map.Next;
    end;
    if assigned(Marker)
      then Maps[0].SetCenter(Marker.GetPosition); //nur den letzten Marker zentrieren
  end;
end;

Besten Dank

[Thom]

Schön, daß es funktioniert!
Aber was meinst Du mit "nach MarkerOptions"? Ich würde sagen, daß die Zuweisung nach der Erstellung des Marker-Objektes mit Marker:=New(Google.Maps.Marker(MarkerOptions)); erfolgen kann, da an dieser Stelle der Marker erstellt wird und damit für Zugriffe zur Verfügung steht. Um diesen Sachverhalt etwas deutlicher zu machen, hatte ich in der Version 2 die New-Funktionen eingeführt (analog dem new-Operator in JavaScript). Sonst ist nicht sofort ersichtlich, daß mit Google.Maps.Marker(...); ein neues Objekt angelegt wird. Delphi-Programmierer sind ja eher den Syntax TMyObject.Create(...); gewohnt. Die Erstellung eines Objektes über eine Funktion entspricht eher der Logik der "Fabrikmethoden".
War die Verwendung der New-Funktionen bisher optional (sie reichen einfach den Parameter an den Result-Wert weiter), wird deren Anwendung zukünftig obligatorisch, da die "Fabrikmethoden" nicht mehr das reine Objekt, sondern nur noch einen Zwischenwert liefern, der durch die New-Methode "entpackt" wird. Der Sinn des Ganzen: Den Quelltext lesbarer zu gestalten.

[manfred_h]

Zitat von Thom:

Schön, daß es funktioniert!
Aber was meinst Du mit "nach MarkerOptions"?

2 Post vorher im Quelltext:

Delphi-Quellcode:

// Marker.OwnsData:=false;
// Marker.Data:=InfoWindow;

Wenn dies Codezeilen aktiviert werden und weiter unten ( 14 Zeilen ) dies deaktiviert werden, erhalte ich die EAccessViolation.

Der Code sieht nun so aus:

Delphi-Quellcode:

procedure Tfrm_map.btn_Encode_batchClick(Sender: TObject);
var
  LatLng: TLatLng;
  Lat, Lng, InfoWindow_String: String;
  InfoWindow: TInfoWindow;
  Marker: TMarker;
  MarkerData: array of TMarkerData;
  MarkerOptions: TMarkerOptions;
  MyImage, MyShadow: TMarkerImage;
  sql_count: Integer;
begin
  with Script do
  begin
    Marker:=nil; //falls keine Daten in der Tabelle vorliegen
    DM_map.Map.First;
    while not DM_map.Map.Eof do
    begin
      if DM_map.Map.FieldByName('POS_LAT').Text = '' then
        DM_map.Map.Next
      else
      Lat:=DM_map.Map.FieldByName('POS_LAT').Text;
      Lng:=DM_map.Map.FieldByName('POS_LNG').Text;
      LatLng:=New(Google.Maps.LatLng(StrToFloatDef(Lat,0,'.'),
                                   StrToFloatDef(Lng,0,'.')));
      //
      InfoWindow_String:=(
        DM_map.Map.FieldByName('AREA').AsString + '<br>'+
        DM_map.Map.FieldByName('NAME').AsString + '<br>'+
        DM_map.Map.FieldByName('STR').AsString + '<br>'+
        DM_map.Map.FieldByName('PLZ').AsString + '-'+
        DM_map.Map.FieldByName('CITY').AsString + '<br>'+'TEL:' +
        DM_map.Map.FieldByName('TEL').AsString + '<br>'+'______________________ <br>'+'Camp ' + '- '+
        DM_map.Map.FieldByName('C_NO').AsString);
      //
      InfoWindow:=New(Google.Maps.InfoWindow);
      InfoWindow.Content:=InfoWindow_String;
      if DM_map.Map.FieldByName('ACCEPTANCE').AsString= '1' then
      begin
      // Imagesettings for this Marker
      MyImage:=New(Google.Maps.MarkerImage(MarkerURL+table_name+'.png',
      //This marker is 28 pixels wide by 35 pixels tall.
        New(Google.Maps.Size(28,35)),
      //The origin for this image is 0,0.
        New(Google.Maps.Point(0,0)),
      //The anchor for this image is the base of the flagpole at 6,20.
        New(Google.Maps.Point(6,20))));
      end;
      if DM_map.Map.FieldByName('ACCEPTANCE').AsString= '2' then
      begin
      // Imagesettings for this Marker
      MyImage:=New(Google.Maps.MarkerImage(MarkerURL+table_name+'_Conditional'+'.png',
        New(Google.Maps.Size(28,35)),
        New(Google.Maps.Point(0,0)),
        New(Google.Maps.Point(6,20))));
      end;
      if DM_map.Map.FieldByName('ACCEPTANCE').AsString= '3' then
      begin
      // Imagesettings for this Marker
      MyImage:=New(Google.Maps.MarkerImage(MarkerURL+table_name+'_no'+'.png',
        New(Google.Maps.Size(28,35)),
        New(Google.Maps.Point(0,0)),
        New(Google.Maps.Point(6,20))));
      end;
      if DM_map.Map.FieldByName('ACCEPTANCE').AsString= '4' then
      begin
      // Imagesettings for this Marker
      MyImage:=New(Google.Maps.MarkerImage(MarkerURL+table_name+'_maybe'+'.png',
        New(Google.Maps.Size(28,35)),
        New(Google.Maps.Point(0,0)),
        New(Google.Maps.Point(6,20))));
      end;
      if DM_map.Map.FieldByName('ACCEPTANCE').AsString= '' then
      begin
      MyImage:=New(Google.Maps.MarkerImage(MarkerURL+table_name+'.png',
        New(Google.Maps.Size(28,35)),
        New(Google.Maps.Point(0,0)),
        New(Google.Maps.Point(6,20))));
      end;
      MarkerOptions:=TMarkerOptions.Create;
      with MarkerOptions do
      begin
        Map:=Maps[0];
        Position:=LatLng;
        MarkerOptions.Title:= DM_map.Map.FieldByName('NAME').AsString;
        IconImage:=MyImage;
      end;
      Marker:=New(Google.Maps.Marker(MarkerOptions));
      Marker.OnClick:=MarkerClick;
      MarkerOptions.Free; //momentan noch etwas auf den Speicher achten
                          //-> in der neuen Version stelle ich auf Interfaces um,
                          //so daß die Freigabe automatisch erfolgt
      LatLng.Free; //gleicher Grund
      Marker.OwnsData:=false;
      Marker.Data:=InfoWindow;
      DM_map.Map.Next;
    end;
    if assigned(Marker)
      then Maps[0].SetCenter(Marker.GetPosition); //nur den letzten Marker zentrieren
  end;
end;