XbpHtmlViewer

This forum is for general support of Xbase++
Message
Author
skiman
Posts: 1183
Joined: Thu Jan 28, 2010 1:22 am
Location: Sijsele, Belgium
Contact:

Re: XbpHtmlViewer

#11 Post by skiman »

Hi Jimmy,

If you start the webbrow sample, you can enter any url you want.
Best regards,

Chris.
www.aboservice.be

User avatar
Tom
Posts: 1165
Joined: Thu Jan 28, 2010 12:59 am
Location: Berlin, Germany

Re: XbpHtmlViewer

#12 Post by Tom »

Hi, Jimmy.
can you please share TEST.HTM
Since this is derived from my sample I sent to Roger - no.
Best regards,
Tom

"Did I offend you?"
"No."
"Okay, give me a second chance."

User avatar
Auge_Ohr
Posts: 1405
Joined: Wed Feb 24, 2010 3:44 pm

Re: XbpHtmlViewer

#13 Post by Auge_Ohr »

i have set Registry setting
FEATURE_BROWSER_EMULATION.JPG
FEATURE_BROWSER_EMULATION.JPG (99.89 KiB) Viewed 14060 times
and reboot but start Alaska AX-Webbrowse Sample with
https://www.google.com/maps?q=Industrie ... 0+Eschborn
it still show me
Not_work_IE.jpg
Not_work_IE.jpg (23.74 KiB) Viewed 14060 times
so what do i wrong :?:
i can see that Roger is load a local TEST.HTM ...

@Tom: what is so secret :?:
greetings by OHR
Jimmy

User avatar
Tom
Posts: 1165
Joined: Thu Jan 28, 2010 12:59 am
Location: Berlin, Germany

Re: XbpHtmlViewer

#14 Post by Tom »

Hi, Jimmy.
@Tom: what is so secret
My Google-API-Key. ;)

Just check the GoogleMaps developer guides for an "embed" sample using iFrames.
Best regards,
Tom

"Did I offend you?"
"No."
"Okay, give me a second chance."

User avatar
Auge_Ohr
Posts: 1405
Joined: Wed Feb 24, 2010 3:44 pm

Re: XbpHtmlViewer

#15 Post by Auge_Ohr »

Tom wrote:My Google-API-Key. ;)
THAT i want to know :!:

so TEST.HTM look like this

Code: Select all

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <title>Directions service</title>
    <style>
      /* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
      #map {
        height: 100%;
      }
      /* Optional: Makes the sample page fill the window. */
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
      #floating-panel {
        position: absolute;
        top: 10px;
        left: 25%;
        z-index: 5;
        background-color: #fff;
        padding: 5px;
        border: 1px solid #999;
        text-align: center;
        font-family: 'Roboto','sans-serif';
        line-height: 30px;
        padding-left: 10px;
      }
    </style>
  </head>
  <body>
    <div id="floating-panel">
    <b>Start: </b>
    <select id="start">
      <option value="chicago, il">Chicago</option>
      <option value="st louis, mo">St Louis</option>
      <option value="joplin, mo">Joplin, MO</option>
      <option value="oklahoma city, ok">Oklahoma City</option>
      <option value="amarillo, tx">Amarillo</option>
      <option value="gallup, nm">Gallup, NM</option>
      <option value="flagstaff, az">Flagstaff, AZ</option>
      <option value="winona, az">Winona</option>
      <option value="kingman, az">Kingman</option>
      <option value="barstow, ca">Barstow</option>
      <option value="san bernardino, ca">San Bernardino</option>
      <option value="los angeles, ca">Los Angeles</option>
    </select>
    <b>End: </b>
    <select id="end">
      <option value="chicago, il">Chicago</option>
      <option value="st louis, mo">St Louis</option>
      <option value="joplin, mo">Joplin, MO</option>
      <option value="oklahoma city, ok">Oklahoma City</option>
      <option value="amarillo, tx">Amarillo</option>
      <option value="gallup, nm">Gallup, NM</option>
      <option value="flagstaff, az">Flagstaff, AZ</option>
      <option value="winona, az">Winona</option>
      <option value="kingman, az">Kingman</option>
      <option value="barstow, ca">Barstow</option>
      <option value="san bernardino, ca">San Bernardino</option>
      <option value="los angeles, ca">Los Angeles</option>
    </select>
    </div>
    <div id="map"></div>
    <script>
      function initMap() {
        var directionsService = new google.maps.DirectionsService;
        var directionsDisplay = new google.maps.DirectionsRenderer;
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 7,
          center: {lat: 41.85, lng: -87.65}
        });
        directionsDisplay.setMap(map);

        var onChangeHandler = function() {
          calculateAndDisplayRoute(directionsService, directionsDisplay);
        };
        document.getElementById('start').addEventListener('change', onChangeHandler);
        document.getElementById('end').addEventListener('change', onChangeHandler);
      }

      function calculateAndDisplayRoute(directionsService, directionsDisplay) {
        directionsService.route({
          origin: document.getElementById('start').value,
          destination: document.getElementById('end').value,
          travelMode: 'DRIVING'
        }, function(response, status) {
          if (status === 'OK') {
            directionsDisplay.setDirections(response);
          } else {
            window.alert('Directions request failed due to ' + status);
          }
        });
      }
    </script>
    <script async defer
    src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
    </script>
  </body>
</html>
it will not work when try to use DC_MapDirections() Syntax copy into Alaska Webbrowser Sample like

Code: Select all

https://www.google.com/maps?q=Industriestrasse+9+65760+Eschborn


p.s. you need YOUR_API_KEY to get it work ...
greetings by OHR
Jimmy

User avatar
Tom
Posts: 1165
Joined: Thu Jan 28, 2010 12:59 am
Location: Berlin, Germany

Re: XbpHtmlViewer

#16 Post by Tom »

TEST.HTM is just 6 lines of HTML. It uses the embedded API, not the JavaScript API as your sample, Jimmy.

You need to create a google developer account and get API keys for every API you're trying to use. That's for free as long as you don't sell the stuff using it.
Best regards,
Tom

"Did I offend you?"
"No."
"Okay, give me a second chance."

User avatar
Tom
Posts: 1165
Joined: Thu Jan 28, 2010 12:59 am
Location: Berlin, Germany

Re: XbpHtmlViewer

#17 Post by Tom »

This is it:

Code: Select all

<html>
<head>
<title>Adressenanzeige</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#0383FC">
<font face="Arial, Helvetica, sans-serif" size="4" color="#FFFFFF">Adressenanzeige<br>
</font>
<font face="Arial, Helvetica, sans-serif" size="2" color="#FFFFFF">Anschrift von: Aaaahnunglose, Anita Maria, 10963 Berlin, Anhalter Str. 34<br>
</font>
<iframe width="1120" height="770" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?key=YOUR_API_KEY&q=10963+Berlin+Anhalter Str. 34" allowfullscreen></iframe>
<hr noshade>
</body>
</html>
Best regards,
Tom

"Did I offend you?"
"No."
"Okay, give me a second chance."

User avatar
Auge_Ohr
Posts: 1405
Joined: Wed Feb 24, 2010 3:44 pm

Re: XbpHtmlViewer

#18 Post by Auge_Ohr »

Tom wrote:This is it:
THX , Tom
i take Sample "Directions" while most i have to calculate between A -> B
greetings by OHR
Jimmy

User avatar
Tom
Posts: 1165
Joined: Thu Jan 28, 2010 12:59 am
Location: Berlin, Germany

Re: XbpHtmlViewer

#19 Post by Tom »

If you only want to calculate without showing, take a look at the distance matrix API. You need a different key there.
Best regards,
Tom

"Did I offend you?"
"No."
"Okay, give me a second chance."

Post Reply