Accéder au contenu principal

Using Oracle Apex with Google APIs maps and blogger

In order to add some google feature inside an Apex page, one have just to had some piece of code in header or footer part of a static region.

  • Add a new blank page or go the second step if there is an existing page
  • Add a static region into body content
  • Add the following piece of code in the HEADER TEXT part (in the right property sheet)

For a MAP

<div id="map1" style="min-height: 700px" width="100%"></div>
<script>
      var map;
      function initMap() {
        map = new google.maps.Map(document.getElementById('map1'), {
          center: {lat: -14.245413, lng: -72.477596},
          zoom: 7,
            mapTypeControl: false,
        mapTypeControlOptions: {
        style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
        },
        navigationControl: true,
        navigationControlOptions: {
           style: google.maps.NavigationControlStyle.SMALL,
           position: google.maps.ControlPosition.TOP_RIGHT
        },
        scaleControl: true,
        streetViewControl: false,
        mapTypeId: google.maps.MapTypeId.ROADMAP        
        });
         
// Optionnal: Draw a circuit 
          circuit();            
      }
</script>

<script src="https://maps.googleapis.com/maps/api/js?key=<YOUR KEY>&callback=initMap"
    async defer>
   
</script>

Optionnal: Drawing of a circuit:


function circuit() {
var myCoordinates = [
new google.maps.LatLng(-12.060809,-77.014160),
new google.maps.LatLng(-16.425548,-71.520996), 
..... 
new google.maps.LatLng(-12.060809,-77.025146)
];


var polyOptions = {
path: myCoordinates,
strokeColor: "#FF0000",
strokeOpacity: 1,
strokeWeight: 3
}
var it = new google.maps.Polyline(polyOptions);
it.setMap(map);
}


For a BLOG

<div id="blog"></div>
    <script>
      function displayBlog(response) {
        document.getElementById("blog").innerHTML += response.content;
      }
    </script>

<script src="https://www.googleapis.com/blogger/v3/blogs/<YOUR BLOG ID>/posts/<YOUR POST ID>?key=<YOUR KEY>&fields=content&callback=displayBlog"
    async defer>
   
</script>



Notes: It's mandatory to get before an API key from the Google developper console.
Depending tke kind of API, there are some daily quotas (not a big deal for personal user sites)

In the above MAP sample, there is not yet a resize feature.

Commentaires

Enregistrer un commentaire

Posts les plus consultés de ce blog

Oracle Documents Cloud Service - Using Upload File REST API

If the Upload File sample given in ODCS documentation is used "as is", we get a http 400 error. The syntax is strict and every blank line must be empty (no space character for instance). If we cust and paste the sample, there are residual space characters which must be removed. So, use this pattern instead: -----1234567890 Content-Disposition: form-data; name="jsonInputParameters" { "parentID": " " } -----1234567890 Content-Disposition: form-data; name="primaryFile"; filename="example.txt" Content-Type: text/plain Hello World! -----1234567890-- instead the original one: -----1234567890 Content-Disposition: form-data; name="jsonInputParameters" { "parentID":"FB4CD874EF94CD2CC1B60B72T0000000000100000001" } -----1234567890 Content-Disposition: form-data; name="primaryFile"; filename="example.txt" Content-Type: text/plain -----1234567890-- Tests can be...
3 commentaires
Lire la suite

Configuring Oracle Cloud as the Service Provider with SimpleSAMLphp as IDP

In order to establish SSO between enteprise backend and Oracle Public Cloud, it's possible to use SimpleSAMLphp (Federation tool) as an in-house Identity Provider , and setup Oracle Cloud as the Service Povider . Cf official documentation Managing Single Sign-On about the concept. SSO relies on SAML 2.0 standard. Tasks At the Identity Server (IDP) level Install Apache and PHP 5.3 + Install SimpleSAMLphp Just Follow documentation and  yum install php53-mcrypt   instead php-mcrypt if linux complains about it. Test with a simple SP provided with SimplePHPphp. Don't forget to un-comment the  example-userpass ! Export the metadata in a XML file At the Cloud Service level Import the previous metadata file Accept default values and don't change anything. At the IDP server level:  Follow documentation Servive Provider Quickstart Update the config/authsources.php with infos provided in the parameter pages (entity Id) EntityID value must be the sam...
Enregistrer un commentaire
Lire la suite

Activating OmniPortlet with Oracle WebCenter

in a fresh install of Oracle WebCenter, the OmniPortlet is deployed but not registered as a portlet producer. As mentioned in the documentation, it’s needed to do some extra setup either with the Fusion Middleware Control or with a WLST script. This post explains how to use the first option. Let’s suppose that the administration port is : 7001. Use a web browser for connecting to the Fusion Middleware control (Remark: it’s not the WebLogic console !) http:<hostname>:7001/em Connect as weblogic (or an account with administrative privileges) Choose Register Producer option in the WebCenter menu In the URL endpoint field, enter: http://<hostname>:7001/portalTools/omniPortlet/providers/omniPortlet In most of case, it will be useful to restart all webCenter, in order to see the new portlet displayed in the catalog (under Portlets folder) In order to  see the already registered portlets, choose Service Configuration
2 commentaires
Lire la suite