Il est tout a fait possible d'utiliser google map dans answers OBIEE .
Dans l'exemple suivant on affiche et on calcule le trajet entre deux positions récupérées soit par un tableau soit sur une invite .
L'idée et de récupérer le contenu des colonnes (@n: n est le numero de colonne) ou bien @var .
Dans mon exemple j'utilise les valeur du tableau suivant :
maintenant rajouter une vue narrative et remplissez les champs avec le contenu ci dessous :
préfixe:
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
function tracer(s,e){
var start=s;
var end=e;
var directionsService = new google.maps.DirectionsService();
var directionsDisplay = new google.maps.DirectionsRenderer();
var myOptions = {
zoom:7,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map"), myOptions);
directionsDisplay.setMap(map);
var request = {
origin: start,
destination: end,
travelMode: google.maps.DirectionsTravelMode.DRIVING
};
directionsService.route(request, function(response, status) {
// Display the distance:
document.getElementById('distance').innerHTML +=
response.routes[0].legs[0].distance.value /1000+ " Km";
directionsDisplay.setDirections(response);
}
);}
function lancer()
{
Narratif :
tracer('@3','@4');
Suffixe :
</script>
<body onload="lancer()" >
<div id="map" style="width: 600px; height: 600px;"></div>
<div id="Distance">Distance: </div>
Sauvegarder tous et appréciez le résultat sous la vue composée :
ceci est un exemple simple ,google offre d'autres possibilités avec ses API.
la solution pourra être ameliorer pour afficher plus de résultats et offrir plus d'options .
Dans l'exemple suivant on affiche et on calcule le trajet entre deux positions récupérées soit par un tableau soit sur une invite .
L'idée et de récupérer le contenu des colonnes (@n: n est le numero de colonne) ou bien @var .
Dans mon exemple j'utilise les valeur du tableau suivant :
maintenant rajouter une vue narrative et remplissez les champs avec le contenu ci dessous :
préfixe:
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
function tracer(s,e){
var start=s;
var end=e;
var directionsService = new google.maps.DirectionsService();
var directionsDisplay = new google.maps.DirectionsRenderer();
var myOptions = {
zoom:7,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map"), myOptions);
directionsDisplay.setMap(map);
var request = {
origin: start,
destination: end,
travelMode: google.maps.DirectionsTravelMode.DRIVING
};
directionsService.route(request, function(response, status) {
// Display the distance:
document.getElementById('distance').innerHTML +=
response.routes[0].legs[0].distance.value /1000+ " Km";
directionsDisplay.setDirections(response);
}
);}
function lancer()
{
Narratif :
tracer('@3','@4');
Suffixe :
</script>
<body onload="lancer()" >
<div id="map" style="width: 600px; height: 600px;"></div>
<div id="Distance">Distance: </div>
Sauvegarder tous et appréciez le résultat sous la vue composée :
ceci est un exemple simple ,google offre d'autres possibilités avec ses API.
la solution pourra être ameliorer pour afficher plus de résultats et offrir plus d'options .
Aucun commentaire:
Enregistrer un commentaire