Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>You can use the Google maps API to display maps. Something like this displays the information popup:</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"&gt; &lt;/script&gt; &lt;script type="text/javascript"&gt; function initialize() { var latlngmap_canvas = new google.maps.LatLng(45.819735,10.023033); var myOptionsmap_canvas = { zoom: 16, center: latlngmap_canvas, mapTypeId: google.maps.MapTypeId.ROADMAP }; var mapmap_canvas = new google.maps.Map(document.getElementById("map_canvas"), myOptionsmap_canvas); var markermap_canvas = new google.maps.Marker({ map: mapmap_canvas, title: 'Title', clickable: true, position: new google.maps.LatLng(45.819735,10.023033) }); var tooltipmap_canvas = '&lt;div id="tooltip"&gt;&lt;p&gt;&lt;strong&gt;Title&lt;/strong&gt;&lt;br&gt;Line of text&lt;/p&gt;&lt;/div&gt;'; var infowindowmap_canvas = new google.maps.InfoWindow({ content: tooltipmap_canvas }); google.maps.event.addListener(markermap_canvas, 'click', function() { infowindowmap_canvas.open(mapmap_canvas,markermap_canvas); }); } &lt;/script&gt; &lt;/head&gt; &lt;body onload="initialize()"&gt; &lt;div id="map_canvas" style="width:500px; height:400px"&gt;&lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>To add points on the map at runtime you can interact with javascript from your Qt code. Have a look here: <a href="https://stackoverflow.com/questions/4975658/qt-qwebview-javascript-callback">Qt QWEBview JavaScript callback</a></p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload