GOOGLE 地图 URL 参数隐藏标签
GOOGLE MAPS URL PARAMETER HIDE LABEL
我正在开发 Ios 和 Android 应用程序,它通过网络浏览器显示 google 地图中的位置。这样的位置被提供为http://maps.google.com/maps?q=%s,%s。
浏览器中的space显示这样的地图和位置太小,所以搜索框标签和如何到达标签占据了整个地图,所以看不到地图和位置。在这样的标签下。
我一直在测试所有 google 映射 url 参数,但找不到合适的参数来隐藏此类标签。
关于隐藏此类标签的任何建议
此致
感谢 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,'');
使用这样的代码,您可以在网络浏览器中获得 google 地图,而无需 headers。
我正在开发 Ios 和 Android 应用程序,它通过网络浏览器显示 google 地图中的位置。这样的位置被提供为http://maps.google.com/maps?q=%s,%s。 浏览器中的space显示这样的地图和位置太小,所以搜索框标签和如何到达标签占据了整个地图,所以看不到地图和位置。在这样的标签下。 我一直在测试所有 google 映射 url 参数,但找不到合适的参数来隐藏此类标签。
关于隐藏此类标签的任何建议
此致
感谢 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,'');
使用这样的代码,您可以在网络浏览器中获得 google 地图,而无需 headers。