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

Streaming mp3 fromVLC / Icecast to Android

Here are some tips for streaming music to android mobile devices from a PC. Platform which has been used fo test: Ubuntu 11.10 oneiric + a NAS for storing music (windows can fit as well) Videolan VLC 1.1.12 (providing mp3 flow) icecast 2.3.2 (shoutcast radio) Winamp 1.2.12 for Android mobile(music player) Android-vlc-remote for Android (remote control for VLC) Start icecast server icecast2 -c icecast.xml The icecast xml config file is the original one. don't modify anything at this stage.  Setup VLC in order to stream mp3 instead ogg format Close VLC Prepare a playlist (ie: scarlatti.m3u) with Banshee or whatever. Launch VLC in command line vlc scarlatti.m3u --sout '#standard{access=shout,mux=ogg,dst=source:hackme@192.168.0.3:8000/scarlatti}' --sout-keep --extraintf=luahttp --fullscreen --http-album-art     Check that icecast is displaying a mount point for the new radio Check the HTTP...
Enregistrer un commentaire
Lire la suite

Oracle Sites Cloud Service - Adding authentication to a site

With Oracle Sites Cloud Services, access to any site is Public, by default. If you have to add authentication, there is a very simple way to achieve it: First, we assume that authentication will be against the existing Identity Domain provided with the tenant. In a dedicated page of a site, called Login for instance, we add an App component which embeds an URL to any folder of Documents Cloud Service. ie: App URL =  https://documents.XX.oraclecloud.com/documents/ embed /home/nameasc Note that the URL will be called with the EMBED keyword . Then we add the App component is a region, and  we setup a height=1 and a width=1 (almost invisible). That's all. Each time a user will navigate to this custom   Login Page, and if the user is not yet authenticated, a new page will splash on the screen, asking for credentials. Once login and pasword are provided by the user, the page disapears and return to custom Login page. Optionnaly it's possible to add a dedicate...
Enregistrer un commentaire
Lire la suite