Add Label to Marker problem

stephankuba

Member
Licensed User
Longtime User
Hi,
maybe someone knows how to add a Label to this marker.

B4X:
HtmlCode ="<!DOCTYPE html><html><head><meta name='viewport' content='initial-scale=1.0, user-scalable=no' /><style Type='text/css'>  .labels {     color: red;     background-color: white;     font-family: 'Lucida Grande', 'Arial', sans-serif;     font-size: 10px;     font-weight: bold;     text-align: center;     width: 40px;       border: 2px solid black;     white-space: nowrap;   }html { height: 100% }  body { height: 100%; margin: 0px; padding: 0px }#map_canvas { height: 100% }</style><script Type='text/javascript'    src='http://maps.google.com/maps/api/js?sensor=true'></script><script Type='text/javascript'>  function initialize() {var latlng = new google.maps.LatLng('" & lat &"','" & lon & "');var myOptions = {zoom: 12,center: latlng,mapTypeId: google.maps.MapTypeId.ROADMAP};var Map = new google.maps.Map(document.getElementById('map_canvas'),  myOptions);" & pos_string & "}</script></head><body onload='initialize()'>  <div id='map_canvas' style='width:100%; height:100%'></div></body></html>"
                        
                     WebView3.SetLayout(0,0,100%x,90%y)

                     WebView3.LoadHtml(HtmlCode)


Thank you for your help.:sign0104:


It should be like this:
google_maps_marker.jpg
 
Top