Differenze tra le versioni di "Inserire un Oggetto grafico su una MapView"
(42 versioni intermedie di uno stesso utente non sono mostrate) | |||
Riga 1: | Riga 1: | ||
− | E' possibile mostrare su una ''MapView'' un Oggetto grafico (un ''Controllo'': "Button", "Label", etc) da utilizzare eventualmente durante la visione della mappa. | + | E' possibile mostrare su una ''MapView'' un Oggetto grafico (un ''Controllo'' grafico: "Button", "Label", "PictureBox", etc) da utilizzare eventualmente durante la visione della mappa. <SUP>[[[#Note|nota 1]]]</sup> |
Il predetto ''Controllo'' grafico deve in realtà essere posto sulla ''DrawingArea'', "Figlia" indiretta della ''MapView''. | Il predetto ''Controllo'' grafico deve in realtà essere posto sulla ''DrawingArea'', "Figlia" indiretta della ''MapView''. | ||
<BR>Come si sa, la ''MapView'' possiede un proprio "Figlio", che è un Oggetto ''Panel'', il quale a sua volta possiede un Oggetto "Figlio", che è appunto una ''DrawingArea'', utilizzata per mostrare la mappa prescelta. | <BR>Come si sa, la ''MapView'' possiede un proprio "Figlio", che è un Oggetto ''Panel'', il quale a sua volta possiede un Oggetto "Figlio", che è appunto una ''DrawingArea'', utilizzata per mostrare la mappa prescelta. | ||
+ | <BR>Se il ''Controllo'' grafico, da far mostrare, fosse attribuito, come ulteriore "Figlio", alla ''MapView'' o al ''Panel'', la sua dimensione assumerebbe interamente quella della ''MapView''. Pertanto il "Parent" del Controllo grafico, da far mostrare sulla ''MapView'', dovrà essere la ''DrawingArea'' meglio sopra specificata. | ||
− | + | Mostriamo qualche esempio pratico. | |
− | |||
− | === | + | ==Inserire una ''PictureBox'' sulla mappa== |
− | Mostriamo un possibile codice, commentato, con il quale si imposterà un '' | + | Mostriamo un possibile codice, commentato, con il quale si imposterà una ''PictureBox'' sulla mappa. |
+ | Private MapView1 As MapView | ||
+ | Private Const ZOOM As Byte = 14 | ||
+ | Private Const COEFFICIENTE As Single = 1.5 | ||
+ | Private Const PERCORSO_FILE_IMMAGINE As String = "<Font Color=darkgreen>''/percorso/del/file/immagine''</font>" | ||
+ | Private mp As New MapPoint(41.89018, 12.49230) | ||
+ | Private zm As Byte = ZOOM | ||
+ | Private PictureBox1 As PictureBox | ||
+ | Private im As Image | ||
+ | |||
+ | |||
+ | Public Sub Form_Open() | ||
+ | |||
+ | Dim pn As Panel | ||
+ | Dim pt As Point | ||
+ | |||
+ | With Me | ||
+ | .W = Screen.AvailableWidth | ||
+ | .H = Screen.AvailableHeight | ||
+ | .Arrangement = Arrange.Fill | ||
+ | End With | ||
+ | With MapView1 = New MapView(Me) As "MapView1" | ||
+ | .Map.AddTile("GoogleMap", "https://mt0.google.com/vt/lyrs=s&hl=&x={x}&y={y}&z={z}") | ||
+ | .Map.Zoom = ZOOM | ||
+ | <Font Color=gray>' ''Imposta il centro della mappa visibile all'apertura iniziale:''</font> | ||
+ | .Map.Center = mp | ||
+ | pt = New Point(.Map.MapPointToPixelRel(mp).X, .Map.MapPointToPixelRel(mp).Y) | ||
+ | End With | ||
+ | |||
+ | <FONT Color=gray>' ''Carica un file immagine:''</font> | ||
+ | im = Image.Load(PERCORSO_FILE_IMMAGINE) | ||
+ | |||
+ | <FONT Color=gray>' '''''Individua dapprima l'Oggetto "Figlio" della "MapView", che è un "Panel":'''''</font> | ||
+ | pn = MapView1.Children[0] | ||
+ | |||
+ | <Font Color=gray>' '''''Attribuisce il Controllo grafico "PictureBox" all'Oggetto "Figlio" (una "DrawingArea") del predetto "Panel", per impedire che altrimenti si espanda alla dimensione della "MapView":'''''</font> | ||
+ | With PictureBox1 = <Font Color=red>New PictureBox(pn.Children[0])</font> | ||
+ | <Font Color=gray>' ''Posiziona la "PictureBox" nei pressi di determinate coordinate geografiche, trasformate adeguatamente in coordinate x,y dell'Oggetto "DrawingArea" (ossia: "pn.Children[0]"), del quale la "PictureBox" è ormai "Figlio":''</font> | ||
+ | .X = pt.X | ||
+ | .Y = pt.Y | ||
+ | <FONT Color=gray>' ''Imposta la formula per proporzionare la lunghezza della "PictureBox" rispetto al valore dello zoom corrente:''</font> | ||
+ | .W = im.W <Font Color=darkgreen>* CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM))</font> | ||
+ | .H = im.H <Font Color=darkgreen>* CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM))</font> | ||
+ | .Image = im | ||
+ | End With | ||
+ | |||
+ | End | ||
+ | |||
+ | Public Sub MapView1_MouseDown() | ||
+ | |||
+ | Dim mpo As MapPoint = MapView1.Map.PixelToMapPointRel(Point(Mouse.X, Mouse.Y)) | ||
+ | |||
+ | <Font Color=gray>' ''Mostra sul bordo superiore della "MapView" le coordinate geografiche correnti del puntatore del Mouse:''</font> | ||
+ | Me.Text = Format(mpo.Lat, "#.000000") & " " & Format(mpo.Lon, "#.000000") | ||
+ | |||
+ | End | ||
+ | |||
+ | <Font Color=gray>' ''Questo Evento garantisce che, sia all'apertura iniziale della mappa, sia in caso di spostamento della Mappa con il mouse, la "PictureBox" si mostri solo e sempre alle sue coordinate geografiche prestabilite.'' | ||
+ | ' ''Infatti, se l'istruzione viene posta invece all'interno di un qualsiasi Evento del "Form", l'Oggetto "PictureBox" non acquisirà le predette coordinate.''</font> | ||
+ | Public Sub MapView1_Draw() | ||
+ | |||
+ | With MapView1.Map | ||
+ | PictureBox1.Move(.MapPointToPixelRel(mp).X, .MapPointToPixelRel(mp).Y) | ||
+ | End With | ||
+ | |||
+ | End | ||
+ | |||
+ | Public Sub MapView1_MouseWheel() | ||
+ | |||
+ | With PictureBox1 | ||
+ | <FONT Color=gray>' ''Imposta la formula per proporzionare la dimensione dell'immagine e conseguentemente della "PictureBox" rispetto al valore dello zoom corrente:''</font> | ||
+ | .Image = im.Stretch(im.W <Font Color=darkgreen>* CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM))</font>, im.H <Font Color=darkgreen>* CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM))</font>, False) | ||
+ | .Resize(.Image.W, .Image.H) | ||
+ | End With | ||
+ | |||
+ | End | ||
+ | |||
+ | Public Sub MapView1_MouseUp() | ||
+ | |||
+ | <FONT Color=gray>' ''Se si modifica lo zoom della mappa modificando la posizione dello "Slider" predefinito, presente in alto a sinistra della mappa, allora viene impostata la formula per proporzionare la dimensione dell'immagine e conseguentemente della "PictureBox" rispetto al valore dello zoom corrente:''</font> | ||
+ | If MapView1.Map.Zoom <> zm Then | ||
+ | With PictureBox1 | ||
+ | .Image = im.Stretch(im.W <Font Color=darkgreen>* CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM))</font>, im.H <Font Color=darkgreen>* CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM))</font>, False) | ||
+ | .Resize(.Image.W, .Image.H) | ||
+ | End With | ||
+ | zm = MapView1.Map.Zoom | ||
+ | Endif | ||
+ | |||
+ | End | ||
+ | |||
+ | |||
+ | ==Inserire una ''DrawingArea'' sulla mappa== | ||
+ | Mostriamo un possibile codice, commentato, con il quale si imposterà una ''DrawingArea'' sulla mappa. | ||
+ | Private MapView1 As MapView | ||
+ | Private Const ZOOM As Byte = 14 | ||
+ | Private Const COEFFICIENTE As Single = 1.5 | ||
+ | Private mp As New MapPoint(41.89018, 12.49230) | ||
+ | Private drawingarea1 As DrawingArea | ||
+ | Private im As Image | ||
+ | |||
+ | |||
+ | Public Sub Form_Open() | ||
+ | |||
+ | Dim pn As Panel | ||
+ | Dim pt As Point | ||
+ | |||
+ | With Me | ||
+ | .W = Screen.AvailableWidth | ||
+ | .H = Screen.AvailableHeight | ||
+ | .Arrangement = Arrange.Fill | ||
+ | End With | ||
+ | With MapView1 = New MapView(Me) As "MapView1" | ||
+ | .Map.AddTile("GoogleMap", "https://mt0.google.com/vt/lyrs=s&hl=&x={x}&y={y}&z={z}") | ||
+ | .Map.Zoom = ZOOM | ||
+ | <FONT Color=gray>' ''Imposta il centro della mappa visibile all'apertura iniziale:''</font> | ||
+ | .Map.Center = mp | ||
+ | pt = New Point(.Map.MapPointToPixelRel(mp).X, .Map.MapPointToPixelRel(mp).Y) | ||
+ | End With | ||
+ | |||
+ | <FONT Color=gray>' ''In questo esempio sulla "DrawingArea" faremo apparire un'immagine:''</font> | ||
+ | im = Image.Load("<Font Color=darkgreen>''/percorso/del/file/immagine''</font>") | ||
+ | |||
+ | <FONT Color=gray>' ''Individua dapprima l'Oggetto "Figlio" della "MapView", che è un "Panel":''</font> | ||
+ | pn = MapView1.Children[0] | ||
+ | |||
+ | <FONT Color=gray>' ''Attribuisce il Controllo grafico "DrawingArea" all'Oggetto "Figlio" (una "DrawingArea") del predetto "Panel", per impedire che altrimenti si espanda alla dimensione della "MapView":''</font> | ||
+ | With DrawingArea1 = <Font Color=red>New DrawingArea(pn.Children[0]) As "DrawingArea1"</font> | ||
+ | .X = pt.X | ||
+ | .Y = pt.Y | ||
+ | .W = im.W * CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM)) | ||
+ | .H = im.H * CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM)) | ||
+ | End With | ||
+ | |||
+ | End | ||
+ | |||
+ | |||
+ | Public Sub DrawingArea1_Draw() | ||
+ | |||
+ | With Paint | ||
+ | <FONT Color=gray>' ''Imposta la formula per proporzionare la dimensione dell'immagine e conseguentemente della "DrawingArea" rispetto al valore dello zoom corrente:''</font> | ||
+ | .DrawImage(im, 0, 0, im.W * CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM)), im.H * CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM))) | ||
+ | .End | ||
+ | End With | ||
+ | |||
+ | <FONT Color=gray>' ''Adatta la "DrawingArea" alla nuova dimensione dell'immagine:''</font> | ||
+ | DrawingArea1.Resize(im.W * CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM)), im.H * CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM))) | ||
+ | |||
+ | End | ||
+ | |||
+ | |||
+ | Public Sub MapView1_MouseDown() | ||
+ | |||
+ | Dim mpo As MapPoint = MapView1.Map.PixelToMapPointRel(Point(Mouse.X, Mouse.Y)) | ||
+ | |||
+ | <FONT Color=gray>' ''Mostra le coordinate geografiche correnti del puntatore del Mouse sul bordo superiore della "MapView":''</font> | ||
+ | Me.Text = Format(mpo.Lat, "#.000000") & " " & Format(mpo.Lon, "#.000000") | ||
+ | |||
+ | End | ||
+ | |||
+ | |||
+ | <FONT Color=gray>' ''Questo Evento garantisce che, sia all'apertura iniziale della mappa, sia in caso di spostamento della Mappa con il mouse, la "DrawingArea" si mostri solo e sempre alle sue coordinate geografiche prestabilite.'' | ||
+ | ' ''Infatti, se l'istruzione viene posta invece all'interno di un qualsiasi Evento del "Form", l'Oggetto "DrawingArea" non acquisirà le predette coordinate.''</font> | ||
+ | Public Sub MapView1_Draw() | ||
+ | |||
+ | With MapView1.Map | ||
+ | DrawingArea1.Move(.MapPointToPixelRel(mp).X, .MapPointToPixelRel(mp).Y) | ||
+ | End With | ||
+ | |||
+ | End | ||
+ | |||
+ | |||
+ | ==Inserire un ''ComboBox'' sulla mappa== | ||
+ | Private MapView1 As MapView | ||
+ | Private Const ZOOM As Byte = 14 | ||
+ | Private ComboBox1 As ComboBox | ||
+ | Private Const WDIMENSIONE As Byte = 70 | ||
+ | Private Const HDIMENSIONE As Byte = 20 | ||
+ | Private Const COEFFICIENTE As Single = 1.2 | ||
+ | Private mp As New MapPoint(41.89018, 12.49230) | ||
+ | Private zm As Byte = ZOOM | ||
+ | |||
+ | |||
+ | Public Sub Form_Open() | ||
+ | |||
+ | Dim pn As Panel | ||
+ | Dim pt As Point | ||
+ | |||
+ | With Me | ||
+ | .W = Screen.AvailableWidth | ||
+ | .H = Screen.AvailableHeight | ||
+ | .Arrangement = Arrange.Fill | ||
+ | End With | ||
+ | With MapView1 = New MapView(Me) As "MapView1" | ||
+ | .Map.AddTile("GoogleMap", "https://mt0.google.com/vt/lyrs=s&hl=&x={x}&y={y}&z={z}") | ||
+ | .Map.Zoom = ZOOM | ||
+ | .Map.Center = mp | ||
+ | pt = New Point(.Map.MapPointToPixelRel(mp).X, .Map.MapPointToPixelRel(mp).Y) | ||
+ | End With | ||
+ | |||
+ | <FONT Color=gray>' ''Individua dapprima l'Oggetto "Figlio" della "MapView", che è un "Panel":''</font> | ||
+ | pn = MapView1.Children[0] | ||
+ | |||
+ | With ComboBox1 = <FONT Color=red>New ComboBox(pn.Children[0])</font> | ||
+ | .X = pt.X | ||
+ | .Y = pt.Y | ||
+ | <FONT Color=gray>' ''Imposta la formula per proporzionare la lunghezza del "ComboBox" rispetto al valore dello zoom corrente:''</font> | ||
+ | .W = WDIMENSIONE <Font Color=darkgreen>* CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM))</font> | ||
+ | .H = HDIMENSIONE <Font Color=darkgreen>* CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM))</font> | ||
+ | .Text = "ComboBox" | ||
+ | .List = ["aaaa", "bbbb", "cccc", "dddd"] | ||
+ | End With | ||
+ | |||
+ | End | ||
+ | |||
+ | |||
+ | Public Sub MapView1_MouseDown() | ||
+ | |||
+ | Dim mpo As MapPoint = MapView1.Map.PixelToMapPointRel(Point(Mouse.X, Mouse.Y)) | ||
+ | |||
+ | Me.Text = Format(mpo.Lat, "#.000000") & " " & Format(mpo.Lon, "#.000000") | ||
+ | |||
+ | End | ||
+ | |||
+ | |||
+ | <FONT Color=gray>' ''Questo Evento garantisce che, sia all'apertura iniziale della mappa, sia in caso di spostamento della Mappa con il mouse, il "ComboBox" si mostri solo e sempre alle sue coordinate geografiche prestabilite.'' | ||
+ | ' ''Infatti, se l'istruzione viene posta invece all'interno di un qualsiasi Evento del "Form", l'Oggetto "ComboBox" non acquisirà le predette coordinate.''</font> | ||
+ | Public Sub MapView1_Draw() | ||
+ | |||
+ | With MapView1.Map | ||
+ | ComboBox1.Move(.MapPointToPixelRel(mp).X, .MapPointToPixelRel(mp).Y) | ||
+ | End With | ||
+ | |||
+ | End | ||
+ | |||
+ | |||
+ | Public Sub MapView1_MouseWheel() | ||
+ | |||
+ | With ComboBox1 | ||
+ | <FONT Color=gray>' ''Imposta la formula per proporzionare la dimensione del "ComboBox" rispetto al valore dello zoom corrente:''</font> | ||
+ | .Resize(WDIMENSIONE <Font Color=darkgreen>* CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM))</font>, HDIMENSIONE <Font Color=darkgreen>* CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM))</font>) | ||
+ | End With | ||
+ | |||
+ | End | ||
+ | |||
+ | |||
+ | Public Sub MapView1_MouseUp() | ||
+ | |||
+ | <FONT Color=gray>' ''Se si modifica lo zoom della mappa modificando la posizione dello "Slider" predefinito, presente in alto a sinistra della mappa, allora viene impostata la formula per proporzionare la dimensione del "ComboBox" rispetto al valore dello zoom corrente:''</font> | ||
+ | If MapView1.Map.Zoom <> zm Then | ||
+ | With ComboBox1 | ||
+ | .Resize(WDIMENSIONE <Font Color=darkgreen>* CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM))</font>, HDIMENSIONE <Font Color=darkgreen>* CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM))</font>, False) | ||
+ | End With | ||
+ | zm = MapView1.Map.Zoom | ||
+ | Endif | ||
+ | |||
+ | End | ||
+ | |||
+ | |||
+ | ==Inserire un ''ToggleButton'' sulla mappa== | ||
+ | Mostriamo un possibile codice, commentato, con il quale si imposterà un ''ToggleButton'' sulla mappa, premendo il quale verrà riprodotto un file audio o MIDI. Il percorso di tale file sonoro dovrà essere impostato nella Costante "PERCORSO_FILE_AUDIO". | ||
Private MapView1 As MapView | Private MapView1 As MapView | ||
Private Const ZOOM As Byte = 14 | Private Const ZOOM As Byte = 14 | ||
Private tb As ToggleButton | Private tb As ToggleButton | ||
− | Private Const | + | Private Const DIMENSIONE As Byte = 50 |
− | Private Const PERCORSO_FILE_AUDIO As String = "<Font Color= | + | Private Const COEFFICIENTE As Single = 1.2 |
− | Private | + | Private Const PERCORSO_FILE_AUDIO As String = "<Font Color=darkgreen>''/percorso/del/file/audio''</font>" |
+ | Private mp As New MapPoint(41.89018, 12.49230) | ||
+ | Private zm As Byte = ZOOM | ||
Private ob As Object | Private ob As Object | ||
− | + | Public Sub Form_Open() | |
− | |||
Dim pn As Panel | Dim pn As Panel | ||
Dim pt As Point | Dim pt As Point | ||
Riga 35: | Riga 295: | ||
.Map.Center = mp | .Map.Center = mp | ||
pt = New Point(.Map.MapPointToPixelRel(mp).X, .Map.MapPointToPixelRel(mp).Y) | pt = New Point(.Map.MapPointToPixelRel(mp).X, .Map.MapPointToPixelRel(mp).Y) | ||
− | + | End With | |
<FONT Color=gray>' '''''Individua dapprima l'Oggetto "Figlio" della "MapView", che è un "Panel":'''''</font> | <FONT Color=gray>' '''''Individua dapprima l'Oggetto "Figlio" della "MapView", che è un "Panel":'''''</font> | ||
pn = MapView1.Children[0] | pn = MapView1.Children[0] | ||
− | <Font Color=gray>' ''Attribuisce il Controllo grafico "ToggleButton" all'Oggetto "Figlio" (una "DrawingArea") del predetto "Panel", per impedire che altrimenti si espanda alla dimensione della "MapView":''</font> | + | <Font Color=gray>' '''''Attribuisce il Controllo grafico "ToggleButton" all'Oggetto "Figlio" (una "DrawingArea") del predetto "Panel", per impedire che altrimenti si espanda alla dimensione della "MapView":'''''</font> |
− | With tb = New ToggleButton(pn.Children[0]) As "Audio" | + | With tb = <Font Color=red>New ToggleButton(pn.Children[0]) As "Audio"</font> |
<Font Color=gray>' ''Posiziona il "ToggleButton" nei pressi di determinate coordinate geografiche, trasformate adeguatamente in coordinate x,y dell'Oggetto "DrawingArea" (ossia: "pn.Children[0]"), del quale il "ToggleButton" è ormai "Figlio":''</font> | <Font Color=gray>' ''Posiziona il "ToggleButton" nei pressi di determinate coordinate geografiche, trasformate adeguatamente in coordinate x,y dell'Oggetto "DrawingArea" (ossia: "pn.Children[0]"), del quale il "ToggleButton" è ormai "Figlio":''</font> | ||
.X = pt.X | .X = pt.X | ||
.Y = pt.Y | .Y = pt.Y | ||
<FONT Color=gray>' ''Imposta la formula per proporzionare la lunghezza del "ToggleButton" rispetto al valore dello zoom corrente:''</font> | <FONT Color=gray>' ''Imposta la formula per proporzionare la lunghezza del "ToggleButton" rispetto al valore dello zoom corrente:''</font> | ||
− | .W = | + | .W = DIMENSIONE <Font Color=darkgreen>* CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM))</font> |
.H = .W * 0.5 | .H = .W * 0.5 | ||
.Text = "Mus" | .Text = "Mus" | ||
Riga 52: | Riga 312: | ||
End With | End With | ||
− | + | End | |
− | |||
− | |||
− | + | Public Sub MapView1_MouseDown() | |
− | Dim | + | Dim mpo As MapPoint = MapView1.Map.PixelToMapPointRel(Point(Mouse.X, Mouse.Y)) |
<Font Color=gray>' ''Mostra le coordinate geografiche correnti del puntatore del Mouse sul bordo superiore della "MapView":''</font> | <Font Color=gray>' ''Mostra le coordinate geografiche correnti del puntatore del Mouse sul bordo superiore della "MapView":''</font> | ||
− | Me.Text = Format( | + | Me.Text = Format(mpo.Lat, "#.000000") & " " & Format(mpo.Lon, "#.000000") |
+ | |||
+ | End | ||
− | |||
− | <Font Color=gray>' ''Questo Evento garantisce che, sia all'apertura iniziale della mappa, sia in caso di spostamento | + | <Font Color=gray>' ''Questo Evento garantisce che, sia all'apertura iniziale della mappa, sia in caso di spostamento della Mappa con il mouse, il "ToggleButton" si mostri solo e sempre alle sue coordinate geografiche prestabilite.'' |
− | ' ''Infatti, se l'istruzione viene posta invece all'interno di un qualsiasi Evento del "Form", l'Oggetto " | + | ' ''Infatti, se l'istruzione viene posta invece all'interno di un qualsiasi Evento del "Form", l'Oggetto "ToggleButton" non acquisirà le predette coordinate.''</font> |
− | + | Public Sub MapView1_Draw() | |
With MapView1.Map | With MapView1.Map | ||
− | tb.Move(.MapPointToPixelRel( | + | tb.Move(.MapPointToPixelRel(mp).X, .MapPointToPixelRel(mp).Y) |
End With | End With | ||
− | + | End | |
− | + | Public Sub MapView1_MouseWheel() | |
<FONT Color=gray>' ''Imposta la formula per proporzionare la dimensione del "ToggleButton" rispetto al valore dello zoom corrente:''</font> | <FONT Color=gray>' ''Imposta la formula per proporzionare la dimensione del "ToggleButton" rispetto al valore dello zoom corrente:''</font> | ||
− | tb.Resize(COEFFICIENTE <Font Color=darkgreen>* CSingle( | + | tb.Resize(DIMENSIONE <Font Color=darkgreen>* CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM))</font>, DIMENSIONE * 0.5 <Font Color=darkgreen>* CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM))</font>) |
+ | |||
+ | End | ||
+ | |||
+ | |||
+ | Public Sub MapView1_MouseUp() | ||
+ | |||
+ | <FONT Color=gray>' ''Se si modifica lo zoom della mappa modificando la posizione dello "Slider" predefinito, presente in alto a sinistra della mappa, allora viene impostata la formula per proporzionare la dimensione del "ToggleButton" rispetto al valore dello zoom corrente:''</font> | ||
+ | If MapView1.Map.Zoom <> zm Then | ||
+ | With tb | ||
+ | .Resize(DIMENSIONE <Font Color=darkgreen>* CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM))</font>, DIMENSIONE * 0.5 <Font Color=darkgreen>* CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM))</font>) | ||
+ | End With | ||
+ | zm = MapView1.Map.Zoom | ||
+ | Endif | ||
+ | |||
+ | End | ||
− | |||
− | + | Public Sub Audio_Click() | |
If Not tb.Value Then | If Not tb.Value Then | ||
Riga 101: | Riga 374: | ||
<Font Color=gray>' ''Carica il file audio:''</font> | <Font Color=gray>' ''Carica il file audio:''</font> | ||
− | Object.SetProperty(ob, "Url", Object.Call(Class.Load("Media"), "URL", [PERCORSO_FILE_AUDIO])) | + | With Object |
+ | .Attach(ob, Me, "MPlayer") | ||
+ | .SetProperty(ob, "Url", Object.Call(Class.Load("Media"), "URL", [PERCORSO_FILE_AUDIO])) | ||
+ | .Call(ob, "Play", Null) | ||
+ | End With | ||
− | + | End | |
− | + | Public Sub MPlayer_End() | |
Object.Call(ob, "Close", Null) | Object.Call(ob, "Close", Null) | ||
+ | tb.Value = False | ||
+ | |||
+ | End | ||
− | |||
− | + | ===Inserire un ''ToggleButton'' sulla mappa, con il quale avviare l'esecuzione di un file video=== | |
− | === | + | Mostriamo il codice, simile al precedente, con il quale questa volta si mostrerà sulla mappa un ''ToggleButton'', cliccando sul quale si eseguirà un file video che sarà mostrato all'interno di una autonoma finestra creata dall'Oggetto ''MediaPlayer'' presso il ''ToggleButton''. |
− | Mostriamo il codice, simile al precedente, con il quale | ||
Private MapView1 As MapView | Private MapView1 As MapView | ||
Private Const ZOOM As Byte = 14 | Private Const ZOOM As Byte = 14 | ||
Private tb As ToggleButton | Private tb As ToggleButton | ||
− | Private Const | + | Private Const DIMENSIONE As Byte = 50 |
− | Private Const PERCORSO_FILE_VIDEO As String = "<Font Color= | + | Private Const COEFFICIENTE As Single = 1.2 |
− | Private | + | Private Const PERCORSO_FILE_VIDEO As String = "<Font Color=darkgreen>''/percorso/del/file/video''</font>" |
− | Private | + | Private mp As New MapPoint(41.89018, 12.49230) |
+ | Private zm As Byte = ZOOM | ||
Private ob As Object | Private ob As Object | ||
− | + | Public Sub Form_Open() | |
− | |||
Dim pn As Panel | Dim pn As Panel | ||
Dim pt As Point | Dim pt As Point | ||
Riga 144: | Riga 422: | ||
pn = MapView1.Children[0] | pn = MapView1.Children[0] | ||
− | With tb = New ToggleButton(pn.Children[0]) As " | + | With tb = <Font Color=red>New ToggleButton(pn.Children[0]) As "Video"</font> |
.X = pt.X | .X = pt.X | ||
.Y = pt.Y | .Y = pt.Y | ||
− | .W = | + | .W = DIMENSIONE <Font Color=darkgreen>* CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM))</font> |
.H = .W * 0.5 | .H = .W * 0.5 | ||
.Text = "Mus" | .Text = "Mus" | ||
Riga 153: | Riga 431: | ||
End With | End With | ||
− | + | End | |
+ | |||
− | + | Public Sub MapView1_MouseDown() | |
− | + | Dim mpo As MapPoint = MapView1.Map.PixelToMapPointRel(Point(Mouse.X, Mouse.Y)) | |
− | + | Me.Text = Format(mpo.Lat, "#.000000") & " " & Format(mpo.Lon, "#.000000") | |
− | + | End | |
− | |||
− | + | Public Sub MapView1_Draw() | |
With MapView1.Map | With MapView1.Map | ||
− | tb.Move(.MapPointToPixelRel( | + | tb.Move(.MapPointToPixelRel(mp).X, .MapPointToPixelRel(mp).Y) |
− | End With | + | End With |
+ | |||
+ | <Font Color=gray>' ''Fa in modo che, qualora la mappa venga spostata, la finestra del video segua sempre il "ToggleButton" che ha dato avvio alla riproduzione video:''</font> | ||
+ | If Object.IsValid(ob) Then | ||
+ | ob.SetWindow(MapView1, tb.X + tb.W, tb.Y + tb.H, 150, 100) | ||
+ | Endif | ||
+ | |||
+ | End | ||
+ | |||
+ | |||
+ | Public Sub MapView1_MouseWheel() | ||
+ | |||
+ | <Font Color=gray>' ''Imposta la formula per proporzionare la dimensione del "ToggleButton" rispetto al valore dello zoom corrente:''</font> | ||
+ | tb.Resize(DIMENSIONE <Font Color=darkgreen>* CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM))</font>, DIMENSIONE * 0.5 <Font Color=darkgreen>* CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM))</font>) | ||
+ | |||
+ | End | ||
− | |||
− | + | Public Sub MapView1_MouseUp() | |
− | tb.Resize( | + | <FONT Color=gray>' ''Se si modifica lo zoom della mappa modificando la posizione dello "Slider" predefinito, presente in alto a sinistra della mappa, allora viene impostata la formula per proporzionare la dimensione del "ToggleButton" rispetto al valore dello zoom corrente:''</font> |
+ | If MapView1.Map.Zoom <> zm Then | ||
+ | With tb | ||
+ | .Resize(DIMENSIONE <Font Color=darkgreen>* CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM))</font>, DIMENSIONE * 0.5 <Font Color=darkgreen>* CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM))</font>) | ||
+ | End With | ||
+ | zm = MapView1.Map.Zoom | ||
+ | Endif | ||
− | + | End | |
− | + | ||
+ | Public Sub Video_Click() | ||
If Not tb.Value Then | If Not tb.Value Then | ||
Object.Call(ob, "Close", Null) | Object.Call(ob, "Close", Null) | ||
ob = Null | ob = Null | ||
+ | MapView1.Refresh | ||
Return | Return | ||
Endif | Endif | ||
Riga 195: | Riga 495: | ||
With Object | With Object | ||
− | .Attach(ob, Me, " | + | .Attach(ob, Me, "Mplayer") |
+ | <Font Color=gray>' ''Carica il file video:''</font> | ||
.SetProperty(ob, "Url", Object.Call(Class.Load("Media"), "URL", [PERCORSO_FILE_VIDEO])) | .SetProperty(ob, "Url", Object.Call(Class.Load("Media"), "URL", [PERCORSO_FILE_VIDEO])) | ||
<Font Color=gray>' ''Imposta i "Controllo" (la "DrawingArea" 'Figlia del "Panel"), ove sarà mostrato il video:''</font> | <Font Color=gray>' ''Imposta i "Controllo" (la "DrawingArea" 'Figlia del "Panel"), ove sarà mostrato il video:''</font> | ||
− | .Call(ob, "SetWindow", [ | + | .Call(ob, "SetWindow", [MapView1, tb.X + tb.W, tb.Y + tb.H, 150, 100]) |
.Call(ob, "Play", Null) | .Call(ob, "Play", Null) | ||
End With | End With | ||
− | |||
− | ''' | + | <Font Color=#B22222>' '''''Con alcune distribuzioni sembra funzionare, solo usando la Classe "Observer" anziché "Object.Attach()".'''''</font> |
+ | <Font Color=gray>' ''Pertanto dopo la riga "ob = cl.New()" si inseriranno le seguenti due righe:'' | ||
+ | ' '''''Pone sotto "osservazione" gli Eventi dell'Oggetto "MediaPlayer":''''' | ||
+ | ' '''Dim obs = New Observer(ob) As "Mplayer"''' | ||
+ | ' | ||
+ | ' ''e in "With Object" si eliminerà la riga ".Attach(ob, Me, "Mplayer")".''</font> | ||
+ | |||
+ | End | ||
+ | |||
− | + | Public Sub MPlayer_End() | |
Object.Call(ob, "Close", Null) | Object.Call(ob, "Close", Null) | ||
Riga 211: | Riga 519: | ||
MapView1.Refresh | MapView1.Refresh | ||
− | '''End''' | + | End |
+ | Se non si vogliono utilizzare le Classi ''Component'' e ''Class'', bensì si intende effettuare una dichiarazione diretta della Classe ''MediaPlayer'', si dovranno effettuare alcune modifiche. | ||
+ | |||
+ | La dichiarazione della variabile ''Globale'' "Private ob As Object" va così sostituita: | ||
+ | Private <FONT Color=blue>mpl</font> As MediaPlayer | ||
+ | Nella riga condizionale della sub-routine "Public Sub MapView1_Draw()" l'identificatore "ob" va così sostituito: | ||
+ | If Object.IsValid(<FONT Color=blue>mpl</font>) Then | ||
+ | <FONT Color=blue>mpl</font>.SetWindow(MapView1, tb.X + tb.W, tb.Y + tb.H, 150, 100) | ||
+ | Endif | ||
+ | Le sub-routine "Public Sub Video_Click()" e "Public Sub MPlayer_End()" vanno così sostituite: | ||
+ | Public Sub Video_Click() | ||
+ | |||
+ | If Not tb.Value Then | ||
+ | <FONT Color=blue>mpl</font>.Close | ||
+ | <FONT Color=blue>mpl</font> = Null | ||
+ | MapView1.Refresh | ||
+ | Return | ||
+ | Endif | ||
+ | |||
+ | With <FONT Color=blue>mpl</font> = New MediaPlayer As "MPlayer" | ||
+ | .URL = Media.URL(PERCORSO_FILE_VIDEO) | ||
+ | .SetWindow(MapView1, tb.X + tb.W, tb.Y + tb.H, 150, 100) | ||
+ | .Play | ||
+ | End With | ||
+ | |||
+ | End | ||
+ | |||
+ | |||
+ | Public Sub MPlayer_End() | ||
+ | |||
+ | <FONT Color=blue>mpl</font>.Close | ||
+ | tb.Value = False | ||
+ | MapView1.Refresh | ||
+ | |||
+ | End | ||
+ | |||
+ | |||
+ | ==Inserire una ''MapView'' all'interno di una ''MapView'' principale== | ||
+ | Possiamo ovviamente inserire all'interno di una ''MapView'' principale una ''MapView'' più piccola, magari per vedere una porzione particolare e con un valore dello zoom superiore dell'area della mappa mostrata dalla ''MapView'' principale. | ||
+ | <BR>Nel codice, che segue, si porrà in alto a destra di una ''MapView'' una ''MapView'' più piccola che mostrerà una porzione di mappa, nel punto puntato dal mouse, con un valore dello zoom superiore di due unità rispetto a quello della ''MapView'' principale. | ||
+ | Private MapView1 As MapView | ||
+ | Private mp As New MapPoint(41.89018, 12.49230) | ||
+ | Private MapView2 As MapView | ||
+ | Private mpo As MapPoint | ||
+ | |||
+ | |||
+ | Public Sub Form_Open() | ||
+ | |||
+ | Dim pn As Panel | ||
+ | |||
+ | With Me | ||
+ | .W = Screen.AvailableWidth | ||
+ | .H = Screen.AvailableHeight | ||
+ | End With | ||
+ | With MapView1 = New MapView(Me) As "MapView1" | ||
+ | .X = 0 | ||
+ | .Y = 0 | ||
+ | .Resize(Me.W, Me.H) | ||
+ | .Map.AddTile("GoogleMap", "https://mt0.google.com/vt/lyrs=s&hl=&x={x}&y={y}&z={z}") | ||
+ | .Map.Zoom = 14 | ||
+ | .Map.Center = mp | ||
+ | End With | ||
+ | |||
+ | pn = MapView1.Children[0] | ||
+ | |||
+ | With MapView2 = <FONT Color=red>New MapView(pn.Children[0]) As "MapView2"</font> | ||
+ | .X = MapView1.W * 0.70 | ||
+ | .Y = 0 | ||
+ | .W = MapView1.W * 0.3 | ||
+ | .H = MapView1.H * 0.3 | ||
+ | .Border = Border.Raised | ||
+ | .Map.AddTile("GoogleMap", "https://mt0.google.com/vt/lyrs=s&hl=&x={x}&y={y}&z={z}") | ||
+ | .Map.Center = mp | ||
+ | .Map.Zoom = 16 | ||
+ | End With | ||
+ | |||
+ | End | ||
+ | |||
+ | |||
+ | Public Sub MapView1_MouseDown() | ||
+ | |||
+ | mpo = MapView1.Map.PixelToMapPointRel(Point(Mouse.X, Mouse.Y)) | ||
+ | |||
+ | Me.Text = Format(mpo.Lat, "#.000000") & " " & Format(mpo.Lon, "#.000000") | ||
+ | |||
+ | End | ||
+ | |||
+ | |||
+ | Public Sub MapView1_MouseUp() | ||
+ | |||
+ | MapView2.Map.Center = mpo | ||
+ | MapView2.Map.Zoom = MapView1.Map.Zoom + 2 | ||
+ | |||
+ | End | ||
+ | |||
+ | |||
+ | Public Sub MapView1_MouseWheel() | ||
+ | |||
+ | MapView2.Map.Center = mpo | ||
+ | MapView2.Map.Zoom = MapView1.Map.Zoom + 2 | ||
+ | |||
+ | End | ||
+ | |||
+ | |||
+ | Public Sub MapView1_MouseMove() | ||
+ | |||
+ | mpo = MapView1.Map.PixelToMapPointRel(Point(Mouse.X, Mouse.Y)) | ||
+ | |||
+ | Me.Text = Format(mpo.Lat, "#.000000") & " " & Format(mpo.Lon, "#.000000") | ||
+ | |||
+ | End | ||
+ | |||
+ | |||
+ | ==Inserire una ''DocumentView'' all'interno di una ''MapView'' principale== | ||
+ | Nel seguente esempio inseriremo una ''DocumentView'' all'interno di una ''MapView'' principale, per mostrare un file PDF. | ||
+ | <BR>E' necessario attivare anche il Componente ''gb.poppler''. | ||
+ | Private MapView1 As MapView | ||
+ | Private Const ZOOM As Byte = 14 | ||
+ | Private mp As New MapPoint(41.89018, 12.49230) | ||
+ | Private DocumentView1 As DocumentView | ||
+ | Private doc As PdfDocument | ||
+ | |||
+ | |||
+ | Public Sub Form_Open() | ||
+ | |||
+ | Dim pn As Panel | ||
+ | Dim pt As Point | ||
+ | |||
+ | With Me | ||
+ | .W = Screen.AvailableWidth | ||
+ | .H = Screen.AvailableHeight | ||
+ | .Arrangement = Arrange.Fill | ||
+ | End With | ||
+ | With MapView1 = New MapView(Me) As "MapView1" | ||
+ | .Map.AddTile("GoogleMap", "https://mt0.google.com/vt/lyrs=s&hl=&x={x}&y={y}&z={z}") | ||
+ | .Map.Zoom = ZOOM | ||
+ | <FONT Color=gray>' ''Imposta il centro della mappa visibile all'apertura iniziale:''</font> | ||
+ | .Map.Center = mp | ||
+ | pt = New Point(.Map.MapPointToPixelRel(mp).X, .Map.MapPointToPixelRel(mp).Y) | ||
+ | End With | ||
+ | |||
+ | doc = New PdfDocument("<FONT Color=darkgreen>''/percorso/del/file/PDF''</font>") | ||
+ | |||
+ | <FONT Color=gray>' ''Individua dapprima l'Oggetto "Figlio" della "MapView", che è un "Panel":''</font> | ||
+ | pn = MapView1.Children[0] | ||
+ | |||
+ | <FONT Color=gray>' ''Attribuisce il Controllo grafico "DocumentView" all'Oggetto "Figlio" (una "DrawingArea") del predetto "Panel", per impedire che altrimenti si espanda alla dimensione della "MapView":''</font> | ||
+ | With DocumentView1 = <FONT Color=red>New DocumentView(pn.Children[0]) As "DocumentView1"</font> | ||
+ | .X = pt.X | ||
+ | .Y = pt.Y | ||
+ | .W = 400 | ||
+ | .H = 100 | ||
+ | .Column = 1 | ||
+ | .Count = doc.Count | ||
+ | End With | ||
+ | |||
+ | End | ||
+ | |||
+ | |||
+ | Public Sub DocumentView1_Draw(Page As Integer, Width As Integer, Height As Integer) | ||
+ | |||
+ | Paint.DrawImage(doc[Page].Render(0, 0, Width * doc.Resolution, Height * doc.Resolution, 0, doc.Resolution), 0, 0, Paint.Width, Paint.Height) | ||
+ | |||
+ | End | ||
+ | |||
+ | |||
+ | <FONT Color=gray>' ''Questo Evento garantisce che, sia all'apertura iniziale della mappa, sia in caso di spostamento la Mappa con il mouse, la "DocumentView" si mostri solo e sempre alle sue coordinate geografiche prestabilite.'' | ||
+ | ' ''Infatti, se l'istruzione viene posta invece all'interno di un qualsiasi Evento del "Form", l'Oggetto "DocumentView" non acquisirà le predette coordinate.''</font> | ||
+ | Public Sub MapView1_Draw() | ||
+ | |||
+ | With MapView1.Map | ||
+ | DocumentView1.Move(.MapPointToPixelRel(mp).X, .MapPointToPixelRel(mp).Y) | ||
+ | End With | ||
+ | |||
+ | End | ||
+ | |||
+ | |||
+ | Public Sub MapView1_MouseDown() | ||
+ | |||
+ | Dim mpo As MapPoint = MapView1.Map.PixelToMapPointRel(Point(Mouse.X, Mouse.Y)) | ||
+ | |||
+ | <FONT Color=gray>' ''Mostra sul bordo superiore della "MapView" le coordinate geografiche correnti del puntatore del Mouse:''</font> | ||
+ | Me.Title = Format(mpo.Lat, "#.000000") & " " & Format(mpo.Lon, "#.000000") | ||
+ | |||
+ | End | ||
+ | |||
+ | |||
+ | Public Sub DocumentView1_MouseDown() <FONT Color=gray>' ''Cliccando sulla "DocumentView", questa non è più visibile''</font> | ||
+ | |||
+ | DocumentView1.Hide | ||
+ | |||
+ | End | ||
+ | |||
+ | |||
+ | Public Sub DocumentView1_MouseUp() <FONT Color=gray>' ''Rilasciando il tasto del mouse, la "DocumentView" torna visibile''</font> | ||
+ | |||
+ | DocumentView1.Show | ||
+ | |||
+ | End | ||
+ | |||
+ | |||
+ | |||
+ | =Note= | ||
+ | [1] Vedere anche la seguente pagina: [[Mostrare sulla MapView disegni, immagini e Controlli senza l'uso del Metodo Map.AddShape()]] |
Versione attuale delle 15:20, 7 nov 2024
E' possibile mostrare su una MapView un Oggetto grafico (un Controllo grafico: "Button", "Label", "PictureBox", etc) da utilizzare eventualmente durante la visione della mappa. [nota 1]
Il predetto Controllo grafico deve in realtà essere posto sulla DrawingArea, "Figlia" indiretta della MapView.
Come si sa, la MapView possiede un proprio "Figlio", che è un Oggetto Panel, il quale a sua volta possiede un Oggetto "Figlio", che è appunto una DrawingArea, utilizzata per mostrare la mappa prescelta.
Se il Controllo grafico, da far mostrare, fosse attribuito, come ulteriore "Figlio", alla MapView o al Panel, la sua dimensione assumerebbe interamente quella della MapView. Pertanto il "Parent" del Controllo grafico, da far mostrare sulla MapView, dovrà essere la DrawingArea meglio sopra specificata.
Mostriamo qualche esempio pratico.
Indice
Inserire una PictureBox sulla mappa
Mostriamo un possibile codice, commentato, con il quale si imposterà una PictureBox sulla mappa.
Private MapView1 As MapView Private Const ZOOM As Byte = 14 Private Const COEFFICIENTE As Single = 1.5 Private Const PERCORSO_FILE_IMMAGINE As String = "/percorso/del/file/immagine" Private mp As New MapPoint(41.89018, 12.49230) Private zm As Byte = ZOOM Private PictureBox1 As PictureBox Private im As Image Public Sub Form_Open() Dim pn As Panel Dim pt As Point With Me .W = Screen.AvailableWidth .H = Screen.AvailableHeight .Arrangement = Arrange.Fill End With With MapView1 = New MapView(Me) As "MapView1" .Map.AddTile("GoogleMap", "https://mt0.google.com/vt/lyrs=s&hl=&x={x}&y={y}&z={z}") .Map.Zoom = ZOOM ' Imposta il centro della mappa visibile all'apertura iniziale: .Map.Center = mp pt = New Point(.Map.MapPointToPixelRel(mp).X, .Map.MapPointToPixelRel(mp).Y) End With ' Carica un file immagine: im = Image.Load(PERCORSO_FILE_IMMAGINE) ' Individua dapprima l'Oggetto "Figlio" della "MapView", che è un "Panel": pn = MapView1.Children[0] ' Attribuisce il Controllo grafico "PictureBox" all'Oggetto "Figlio" (una "DrawingArea") del predetto "Panel", per impedire che altrimenti si espanda alla dimensione della "MapView": With PictureBox1 = New PictureBox(pn.Children[0]) ' Posiziona la "PictureBox" nei pressi di determinate coordinate geografiche, trasformate adeguatamente in coordinate x,y dell'Oggetto "DrawingArea" (ossia: "pn.Children[0]"), del quale la "PictureBox" è ormai "Figlio": .X = pt.X .Y = pt.Y ' Imposta la formula per proporzionare la lunghezza della "PictureBox" rispetto al valore dello zoom corrente: .W = im.W * CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM)) .H = im.H * CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM)) .Image = im End With End Public Sub MapView1_MouseDown() Dim mpo As MapPoint = MapView1.Map.PixelToMapPointRel(Point(Mouse.X, Mouse.Y)) ' Mostra sul bordo superiore della "MapView" le coordinate geografiche correnti del puntatore del Mouse: Me.Text = Format(mpo.Lat, "#.000000") & " " & Format(mpo.Lon, "#.000000") End ' Questo Evento garantisce che, sia all'apertura iniziale della mappa, sia in caso di spostamento della Mappa con il mouse, la "PictureBox" si mostri solo e sempre alle sue coordinate geografiche prestabilite. ' Infatti, se l'istruzione viene posta invece all'interno di un qualsiasi Evento del "Form", l'Oggetto "PictureBox" non acquisirà le predette coordinate. Public Sub MapView1_Draw() With MapView1.Map PictureBox1.Move(.MapPointToPixelRel(mp).X, .MapPointToPixelRel(mp).Y) End With End Public Sub MapView1_MouseWheel() With PictureBox1 ' Imposta la formula per proporzionare la dimensione dell'immagine e conseguentemente della "PictureBox" rispetto al valore dello zoom corrente: .Image = im.Stretch(im.W * CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM)), im.H * CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM)), False) .Resize(.Image.W, .Image.H) End With End Public Sub MapView1_MouseUp() ' Se si modifica lo zoom della mappa modificando la posizione dello "Slider" predefinito, presente in alto a sinistra della mappa, allora viene impostata la formula per proporzionare la dimensione dell'immagine e conseguentemente della "PictureBox" rispetto al valore dello zoom corrente: If MapView1.Map.Zoom <> zm Then With PictureBox1 .Image = im.Stretch(im.W * CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM)), im.H * CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM)), False) .Resize(.Image.W, .Image.H) End With zm = MapView1.Map.Zoom Endif End
Inserire una DrawingArea sulla mappa
Mostriamo un possibile codice, commentato, con il quale si imposterà una DrawingArea sulla mappa.
Private MapView1 As MapView Private Const ZOOM As Byte = 14 Private Const COEFFICIENTE As Single = 1.5 Private mp As New MapPoint(41.89018, 12.49230) Private drawingarea1 As DrawingArea Private im As Image Public Sub Form_Open() Dim pn As Panel Dim pt As Point With Me .W = Screen.AvailableWidth .H = Screen.AvailableHeight .Arrangement = Arrange.Fill End With With MapView1 = New MapView(Me) As "MapView1" .Map.AddTile("GoogleMap", "https://mt0.google.com/vt/lyrs=s&hl=&x={x}&y={y}&z={z}") .Map.Zoom = ZOOM ' Imposta il centro della mappa visibile all'apertura iniziale: .Map.Center = mp pt = New Point(.Map.MapPointToPixelRel(mp).X, .Map.MapPointToPixelRel(mp).Y) End With ' In questo esempio sulla "DrawingArea" faremo apparire un'immagine: im = Image.Load("/percorso/del/file/immagine") ' Individua dapprima l'Oggetto "Figlio" della "MapView", che è un "Panel": pn = MapView1.Children[0] ' Attribuisce il Controllo grafico "DrawingArea" all'Oggetto "Figlio" (una "DrawingArea") del predetto "Panel", per impedire che altrimenti si espanda alla dimensione della "MapView": With DrawingArea1 = New DrawingArea(pn.Children[0]) As "DrawingArea1" .X = pt.X .Y = pt.Y .W = im.W * CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM)) .H = im.H * CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM)) End With End Public Sub DrawingArea1_Draw() With Paint ' Imposta la formula per proporzionare la dimensione dell'immagine e conseguentemente della "DrawingArea" rispetto al valore dello zoom corrente: .DrawImage(im, 0, 0, im.W * CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM)), im.H * CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM))) .End End With ' Adatta la "DrawingArea" alla nuova dimensione dell'immagine: DrawingArea1.Resize(im.W * CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM)), im.H * CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM))) End Public Sub MapView1_MouseDown() Dim mpo As MapPoint = MapView1.Map.PixelToMapPointRel(Point(Mouse.X, Mouse.Y)) ' Mostra le coordinate geografiche correnti del puntatore del Mouse sul bordo superiore della "MapView": Me.Text = Format(mpo.Lat, "#.000000") & " " & Format(mpo.Lon, "#.000000") End ' Questo Evento garantisce che, sia all'apertura iniziale della mappa, sia in caso di spostamento della Mappa con il mouse, la "DrawingArea" si mostri solo e sempre alle sue coordinate geografiche prestabilite. ' Infatti, se l'istruzione viene posta invece all'interno di un qualsiasi Evento del "Form", l'Oggetto "DrawingArea" non acquisirà le predette coordinate. Public Sub MapView1_Draw() With MapView1.Map DrawingArea1.Move(.MapPointToPixelRel(mp).X, .MapPointToPixelRel(mp).Y) End With End
Inserire un ComboBox sulla mappa
Private MapView1 As MapView Private Const ZOOM As Byte = 14 Private ComboBox1 As ComboBox Private Const WDIMENSIONE As Byte = 70 Private Const HDIMENSIONE As Byte = 20 Private Const COEFFICIENTE As Single = 1.2 Private mp As New MapPoint(41.89018, 12.49230) Private zm As Byte = ZOOM Public Sub Form_Open() Dim pn As Panel Dim pt As Point With Me .W = Screen.AvailableWidth .H = Screen.AvailableHeight .Arrangement = Arrange.Fill End With With MapView1 = New MapView(Me) As "MapView1" .Map.AddTile("GoogleMap", "https://mt0.google.com/vt/lyrs=s&hl=&x={x}&y={y}&z={z}") .Map.Zoom = ZOOM .Map.Center = mp pt = New Point(.Map.MapPointToPixelRel(mp).X, .Map.MapPointToPixelRel(mp).Y) End With ' Individua dapprima l'Oggetto "Figlio" della "MapView", che è un "Panel": pn = MapView1.Children[0] With ComboBox1 = New ComboBox(pn.Children[0]) .X = pt.X .Y = pt.Y ' Imposta la formula per proporzionare la lunghezza del "ComboBox" rispetto al valore dello zoom corrente: .W = WDIMENSIONE * CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM)) .H = HDIMENSIONE * CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM)) .Text = "ComboBox" .List = ["aaaa", "bbbb", "cccc", "dddd"] End With End Public Sub MapView1_MouseDown() Dim mpo As MapPoint = MapView1.Map.PixelToMapPointRel(Point(Mouse.X, Mouse.Y)) Me.Text = Format(mpo.Lat, "#.000000") & " " & Format(mpo.Lon, "#.000000") End ' Questo Evento garantisce che, sia all'apertura iniziale della mappa, sia in caso di spostamento della Mappa con il mouse, il "ComboBox" si mostri solo e sempre alle sue coordinate geografiche prestabilite. ' Infatti, se l'istruzione viene posta invece all'interno di un qualsiasi Evento del "Form", l'Oggetto "ComboBox" non acquisirà le predette coordinate. Public Sub MapView1_Draw() With MapView1.Map ComboBox1.Move(.MapPointToPixelRel(mp).X, .MapPointToPixelRel(mp).Y) End With End Public Sub MapView1_MouseWheel() With ComboBox1 ' Imposta la formula per proporzionare la dimensione del "ComboBox" rispetto al valore dello zoom corrente: .Resize(WDIMENSIONE * CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM)), HDIMENSIONE * CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM))) End With End Public Sub MapView1_MouseUp() ' Se si modifica lo zoom della mappa modificando la posizione dello "Slider" predefinito, presente in alto a sinistra della mappa, allora viene impostata la formula per proporzionare la dimensione del "ComboBox" rispetto al valore dello zoom corrente: If MapView1.Map.Zoom <> zm Then With ComboBox1 .Resize(WDIMENSIONE * CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM)), HDIMENSIONE * CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM)), False) End With zm = MapView1.Map.Zoom Endif End
Inserire un ToggleButton sulla mappa
Mostriamo un possibile codice, commentato, con il quale si imposterà un ToggleButton sulla mappa, premendo il quale verrà riprodotto un file audio o MIDI. Il percorso di tale file sonoro dovrà essere impostato nella Costante "PERCORSO_FILE_AUDIO".
Private MapView1 As MapView Private Const ZOOM As Byte = 14 Private tb As ToggleButton Private Const DIMENSIONE As Byte = 50 Private Const COEFFICIENTE As Single = 1.2 Private Const PERCORSO_FILE_AUDIO As String = "/percorso/del/file/audio" Private mp As New MapPoint(41.89018, 12.49230) Private zm As Byte = ZOOM Private ob As Object Public Sub Form_Open() Dim pn As Panel Dim pt As Point With Me .W = Screen.AvailableWidth .H = Screen.AvailableHeight .Arrangement = Arrange.Fill End With With MapView1 = New MapView(Me) As "MapView1" .Map.AddTile("GoogleMap", "https://mt0.google.com/vt/lyrs=s&hl=&x={x}&y={y}&z={z}") .Map.Zoom = ZOOM ' Imposta il centro della mappa visibile all'apertura iniziale: .Map.Center = mp pt = New Point(.Map.MapPointToPixelRel(mp).X, .Map.MapPointToPixelRel(mp).Y) End With ' Individua dapprima l'Oggetto "Figlio" della "MapView", che è un "Panel": pn = MapView1.Children[0] ' Attribuisce il Controllo grafico "ToggleButton" all'Oggetto "Figlio" (una "DrawingArea") del predetto "Panel", per impedire che altrimenti si espanda alla dimensione della "MapView": With tb = New ToggleButton(pn.Children[0]) As "Audio" ' Posiziona il "ToggleButton" nei pressi di determinate coordinate geografiche, trasformate adeguatamente in coordinate x,y dell'Oggetto "DrawingArea" (ossia: "pn.Children[0]"), del quale il "ToggleButton" è ormai "Figlio": .X = pt.X .Y = pt.Y ' Imposta la formula per proporzionare la lunghezza del "ToggleButton" rispetto al valore dello zoom corrente: .W = DIMENSIONE * CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM)) .H = .W * 0.5 .Text = "Mus" .Tooltip = "Ascolta la musica" End With End Public Sub MapView1_MouseDown() Dim mpo As MapPoint = MapView1.Map.PixelToMapPointRel(Point(Mouse.X, Mouse.Y)) ' Mostra le coordinate geografiche correnti del puntatore del Mouse sul bordo superiore della "MapView": Me.Text = Format(mpo.Lat, "#.000000") & " " & Format(mpo.Lon, "#.000000") End ' Questo Evento garantisce che, sia all'apertura iniziale della mappa, sia in caso di spostamento della Mappa con il mouse, il "ToggleButton" si mostri solo e sempre alle sue coordinate geografiche prestabilite. ' Infatti, se l'istruzione viene posta invece all'interno di un qualsiasi Evento del "Form", l'Oggetto "ToggleButton" non acquisirà le predette coordinate. Public Sub MapView1_Draw() With MapView1.Map tb.Move(.MapPointToPixelRel(mp).X, .MapPointToPixelRel(mp).Y) End With End Public Sub MapView1_MouseWheel() ' Imposta la formula per proporzionare la dimensione del "ToggleButton" rispetto al valore dello zoom corrente: tb.Resize(DIMENSIONE * CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM)), DIMENSIONE * 0.5 * CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM))) End Public Sub MapView1_MouseUp() ' Se si modifica lo zoom della mappa modificando la posizione dello "Slider" predefinito, presente in alto a sinistra della mappa, allora viene impostata la formula per proporzionare la dimensione del "ToggleButton" rispetto al valore dello zoom corrente: If MapView1.Map.Zoom <> zm Then With tb .Resize(DIMENSIONE * CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM)), DIMENSIONE * 0.5 * CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM))) End With zm = MapView1.Map.Zoom Endif End Public Sub Audio_Click() If Not tb.Value Then ' Se, dopo aver avviato l'esecuzione audio, si preme nuovamente il "ToggleButton", l'esecuzione viene terminata: Object.Call(ob, "Close", Null) ob = Null Return Endif Dim cl As Class ' Si è deciso di non caricare preliminarmente dall'IDE di Gambas il Componente "gb.media", bensì ora da codice: Component.Load("gb.media") cl = Class.Load("MediaPlayer") ob = cl.New() ' Carica il file audio: With Object .Attach(ob, Me, "MPlayer") .SetProperty(ob, "Url", Object.Call(Class.Load("Media"), "URL", [PERCORSO_FILE_AUDIO])) .Call(ob, "Play", Null) End With End Public Sub MPlayer_End() Object.Call(ob, "Close", Null) tb.Value = False End
Inserire un ToggleButton sulla mappa, con il quale avviare l'esecuzione di un file video
Mostriamo il codice, simile al precedente, con il quale questa volta si mostrerà sulla mappa un ToggleButton, cliccando sul quale si eseguirà un file video che sarà mostrato all'interno di una autonoma finestra creata dall'Oggetto MediaPlayer presso il ToggleButton.
Private MapView1 As MapView Private Const ZOOM As Byte = 14 Private tb As ToggleButton Private Const DIMENSIONE As Byte = 50 Private Const COEFFICIENTE As Single = 1.2 Private Const PERCORSO_FILE_VIDEO As String = "/percorso/del/file/video" Private mp As New MapPoint(41.89018, 12.49230) Private zm As Byte = ZOOM Private ob As Object Public Sub Form_Open() Dim pn As Panel Dim pt As Point With Me .W = Screen.AvailableWidth .H = Screen.AvailableHeight .Arrangement = Arrange.Fill End With With MapView1 = New MapView(Me) As "MapView1" .Map.AddTile("GoogleMap", "https://mt0.google.com/vt/lyrs=s&hl=&x={x}&y={y}&z={z}") .Map.Zoom = ZOOM .Map.Center = mp pt = New Point(.Map.MapPointToPixelRel(mp).X, .Map.MapPointToPixelRel(mp).Y) End With pn = MapView1.Children[0] With tb = New ToggleButton(pn.Children[0]) As "Video" .X = pt.X .Y = pt.Y .W = DIMENSIONE * CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM)) .H = .W * 0.5 .Text = "Mus" .Tooltip = "Ascolta la musica" End With End Public Sub MapView1_MouseDown() Dim mpo As MapPoint = MapView1.Map.PixelToMapPointRel(Point(Mouse.X, Mouse.Y)) Me.Text = Format(mpo.Lat, "#.000000") & " " & Format(mpo.Lon, "#.000000") End Public Sub MapView1_Draw() With MapView1.Map tb.Move(.MapPointToPixelRel(mp).X, .MapPointToPixelRel(mp).Y) End With ' Fa in modo che, qualora la mappa venga spostata, la finestra del video segua sempre il "ToggleButton" che ha dato avvio alla riproduzione video: If Object.IsValid(ob) Then ob.SetWindow(MapView1, tb.X + tb.W, tb.Y + tb.H, 150, 100) Endif End Public Sub MapView1_MouseWheel() ' Imposta la formula per proporzionare la dimensione del "ToggleButton" rispetto al valore dello zoom corrente: tb.Resize(DIMENSIONE * CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM)), DIMENSIONE * 0.5 * CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM))) End Public Sub MapView1_MouseUp() ' Se si modifica lo zoom della mappa modificando la posizione dello "Slider" predefinito, presente in alto a sinistra della mappa, allora viene impostata la formula per proporzionare la dimensione del "ToggleButton" rispetto al valore dello zoom corrente: If MapView1.Map.Zoom <> zm Then With tb .Resize(DIMENSIONE * CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM)), DIMENSIONE * 0.5 * CSingle(COEFFICIENTE ^ (MapView1.Map.Zoom - ZOOM))) End With zm = MapView1.Map.Zoom Endif End Public Sub Video_Click() If Not tb.Value Then Object.Call(ob, "Close", Null) ob = Null MapView1.Refresh Return Endif Dim cl As Class Component.Load("gb.media") cl = Class.Load("MediaPlayer") ob = cl.New() With Object .Attach(ob, Me, "Mplayer") ' Carica il file video: .SetProperty(ob, "Url", Object.Call(Class.Load("Media"), "URL", [PERCORSO_FILE_VIDEO])) ' Imposta i "Controllo" (la "DrawingArea" 'Figlia del "Panel"), ove sarà mostrato il video: .Call(ob, "SetWindow", [MapView1, tb.X + tb.W, tb.Y + tb.H, 150, 100]) .Call(ob, "Play", Null) End With ' Con alcune distribuzioni sembra funzionare, solo usando la Classe "Observer" anziché "Object.Attach()". ' Pertanto dopo la riga "ob = cl.New()" si inseriranno le seguenti due righe: ' Pone sotto "osservazione" gli Eventi dell'Oggetto "MediaPlayer": ' Dim obs = New Observer(ob) As "Mplayer" ' ' e in "With Object" si eliminerà la riga ".Attach(ob, Me, "Mplayer")". End Public Sub MPlayer_End() Object.Call(ob, "Close", Null) tb.Value = False MapView1.Refresh End
Se non si vogliono utilizzare le Classi Component e Class, bensì si intende effettuare una dichiarazione diretta della Classe MediaPlayer, si dovranno effettuare alcune modifiche.
La dichiarazione della variabile Globale "Private ob As Object" va così sostituita:
Private mpl As MediaPlayer
Nella riga condizionale della sub-routine "Public Sub MapView1_Draw()" l'identificatore "ob" va così sostituito:
If Object.IsValid(mpl) Then mpl.SetWindow(MapView1, tb.X + tb.W, tb.Y + tb.H, 150, 100) Endif
Le sub-routine "Public Sub Video_Click()" e "Public Sub MPlayer_End()" vanno così sostituite:
Public Sub Video_Click() If Not tb.Value Then mpl.Close mpl = Null MapView1.Refresh Return Endif With mpl = New MediaPlayer As "MPlayer" .URL = Media.URL(PERCORSO_FILE_VIDEO) .SetWindow(MapView1, tb.X + tb.W, tb.Y + tb.H, 150, 100) .Play End With End Public Sub MPlayer_End() mpl.Close tb.Value = False MapView1.Refresh End
Inserire una MapView all'interno di una MapView principale
Possiamo ovviamente inserire all'interno di una MapView principale una MapView più piccola, magari per vedere una porzione particolare e con un valore dello zoom superiore dell'area della mappa mostrata dalla MapView principale.
Nel codice, che segue, si porrà in alto a destra di una MapView una MapView più piccola che mostrerà una porzione di mappa, nel punto puntato dal mouse, con un valore dello zoom superiore di due unità rispetto a quello della MapView principale.
Private MapView1 As MapView Private mp As New MapPoint(41.89018, 12.49230) Private MapView2 As MapView Private mpo As MapPoint Public Sub Form_Open() Dim pn As Panel With Me .W = Screen.AvailableWidth .H = Screen.AvailableHeight End With With MapView1 = New MapView(Me) As "MapView1" .X = 0 .Y = 0 .Resize(Me.W, Me.H) .Map.AddTile("GoogleMap", "https://mt0.google.com/vt/lyrs=s&hl=&x={x}&y={y}&z={z}") .Map.Zoom = 14 .Map.Center = mp End With pn = MapView1.Children[0] With MapView2 = New MapView(pn.Children[0]) As "MapView2" .X = MapView1.W * 0.70 .Y = 0 .W = MapView1.W * 0.3 .H = MapView1.H * 0.3 .Border = Border.Raised .Map.AddTile("GoogleMap", "https://mt0.google.com/vt/lyrs=s&hl=&x={x}&y={y}&z={z}") .Map.Center = mp .Map.Zoom = 16 End With End Public Sub MapView1_MouseDown() mpo = MapView1.Map.PixelToMapPointRel(Point(Mouse.X, Mouse.Y)) Me.Text = Format(mpo.Lat, "#.000000") & " " & Format(mpo.Lon, "#.000000") End Public Sub MapView1_MouseUp() MapView2.Map.Center = mpo MapView2.Map.Zoom = MapView1.Map.Zoom + 2 End Public Sub MapView1_MouseWheel() MapView2.Map.Center = mpo MapView2.Map.Zoom = MapView1.Map.Zoom + 2 End Public Sub MapView1_MouseMove() mpo = MapView1.Map.PixelToMapPointRel(Point(Mouse.X, Mouse.Y)) Me.Text = Format(mpo.Lat, "#.000000") & " " & Format(mpo.Lon, "#.000000") End
Inserire una DocumentView all'interno di una MapView principale
Nel seguente esempio inseriremo una DocumentView all'interno di una MapView principale, per mostrare un file PDF.
E' necessario attivare anche il Componente gb.poppler.
Private MapView1 As MapView Private Const ZOOM As Byte = 14 Private mp As New MapPoint(41.89018, 12.49230) Private DocumentView1 As DocumentView Private doc As PdfDocument Public Sub Form_Open() Dim pn As Panel Dim pt As Point With Me .W = Screen.AvailableWidth .H = Screen.AvailableHeight .Arrangement = Arrange.Fill End With With MapView1 = New MapView(Me) As "MapView1" .Map.AddTile("GoogleMap", "https://mt0.google.com/vt/lyrs=s&hl=&x={x}&y={y}&z={z}") .Map.Zoom = ZOOM ' Imposta il centro della mappa visibile all'apertura iniziale: .Map.Center = mp pt = New Point(.Map.MapPointToPixelRel(mp).X, .Map.MapPointToPixelRel(mp).Y) End With doc = New PdfDocument("/percorso/del/file/PDF") ' Individua dapprima l'Oggetto "Figlio" della "MapView", che è un "Panel": pn = MapView1.Children[0] ' Attribuisce il Controllo grafico "DocumentView" all'Oggetto "Figlio" (una "DrawingArea") del predetto "Panel", per impedire che altrimenti si espanda alla dimensione della "MapView": With DocumentView1 = New DocumentView(pn.Children[0]) As "DocumentView1" .X = pt.X .Y = pt.Y .W = 400 .H = 100 .Column = 1 .Count = doc.Count End With End Public Sub DocumentView1_Draw(Page As Integer, Width As Integer, Height As Integer) Paint.DrawImage(doc[Page].Render(0, 0, Width * doc.Resolution, Height * doc.Resolution, 0, doc.Resolution), 0, 0, Paint.Width, Paint.Height) End ' Questo Evento garantisce che, sia all'apertura iniziale della mappa, sia in caso di spostamento la Mappa con il mouse, la "DocumentView" si mostri solo e sempre alle sue coordinate geografiche prestabilite. ' Infatti, se l'istruzione viene posta invece all'interno di un qualsiasi Evento del "Form", l'Oggetto "DocumentView" non acquisirà le predette coordinate. Public Sub MapView1_Draw() With MapView1.Map DocumentView1.Move(.MapPointToPixelRel(mp).X, .MapPointToPixelRel(mp).Y) End With End Public Sub MapView1_MouseDown() Dim mpo As MapPoint = MapView1.Map.PixelToMapPointRel(Point(Mouse.X, Mouse.Y)) ' Mostra sul bordo superiore della "MapView" le coordinate geografiche correnti del puntatore del Mouse: Me.Title = Format(mpo.Lat, "#.000000") & " " & Format(mpo.Lon, "#.000000") End Public Sub DocumentView1_MouseDown() ' Cliccando sulla "DocumentView", questa non è più visibile DocumentView1.Hide End Public Sub DocumentView1_MouseUp() ' Rilasciando il tasto del mouse, la "DocumentView" torna visibile DocumentView1.Show End
Note
[1] Vedere anche la seguente pagina: Mostrare sulla MapView disegni, immagini e Controlli senza l'uso del Metodo Map.AddShape()