Question

我正在开发一个Ios和Android应用程序，它通过网络浏览器显示谷歌地图中的位置。此类职位以http://maps.google.com/maps?q=%s,%s提供。 webbrowser中用于显示此类地图和位置的空间太小，因此搜索框标签和如何到达标签占据整个地图，因此地图和位置不可见。是在这样的标签下。我一直在测试所有的谷歌地图网址参数，我找不到合适的隐藏这样的标签。

隐藏此类标签的任何建议

此致

Answer 1

感谢MHakvoort，我找到了解决方案：

var
  point:string;
begin
  point:='<!DOCTYPE html>'
+ '<html>'
+ '  <head>'
+ '    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">'
+ '    <meta charset="utf-8">'
+ '    <title>Displaying text directions with <code>setPanel()</code></title>'
+ '    <style>'
+ '      html, body, #map-canvas {'
+ '        height: 100%;'
+ '        margin: 0px;'
+ '        padding: 0px'
+ '      }'
+ '      #panel {'
+ '        position: absolute;'
+ '        top: 5px;'
+ '        left: 50%;'
+ '        margin-left: -180px;'
+ '        z-index: 5;'
+ '        background-color: #fff;'
+ '        padding: 5px;'
+ '        border: 1px solid #999;'
+ '      }'
+ '    </style>'
+ '    <style>'
+ '      #directions-panel {'
+ '        height: 100%;'
+ '        float: right;'
+ '        width: 30%;'
+ '        overflow: auto;'
+ '      }'
+ ''
+ '      #map-canvas {'
+ '        margin-right: 4px;'
+ '      }'
+ ''
+ '      #control {'
+ '        background: #fff;'
+ '        padding: 5px;'
+ '        font-size: 14px;'
+ '        font-family: Arial;'
+ '        border: 1px solid #ccc;'
+ '        box-shadow: 0 2px 2px rgba(33, 33, 33, 0.4);'
+ '        display: none;'
+ '      }'
+ ''
+ '      @media print {'
+ '        #map-canvas {'
+ '          height: 500px;'
+ '          margin: 0;'
+ '        }'
+ ''
+ '        #directions-panel {'
+ '          float: none;'
+ '          width: auto;'
+ '        }'
+ '      }'
+ '    </style>'
+ '    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>'
+ '    <script>'
+ 'var directionsDisplay;'
+ 'var directionsService = new google.maps.DirectionsService();'


+ 'function initialize() {'
+ '  directionsDisplay = new google.maps.DirectionsRenderer();'

+ '  var myLatlng = new google.maps.LatLng(42.837017059326,-2.6883459091187);'

+ '  var mapOptions = {'
+ '    zoom: 15,'
+ '    center: myLatlng'
+ '  };'

+ '  var map = new google.maps.Map(document.getElementById(''map-canvas''),'
+ '      mapOptions);'

+ '    var marker = new google.maps.Marker({'
+ '        position: myLatlng,'
+ '        map: map'
+ '    });'
+ ''
+ '}'
+ 'google.maps.event.addDomListener(window, ''load'', initialize);'
+ ''
+ '    </script>'
+ '  </head>'
+ '  <body>'
+ '    <div id="map-canvas"></div>'
+ '  </body>'
+ '</html>';

  WebBrowser5.LoadFromStrings(point,'');

使用此类代码，您可以在没有标题的Web浏览器中获取谷歌地图。

GOOGLE MAPS网址参数隐藏标签

1 个答案: