Google Maps con localizaciones no puedo visualizarlo :-(

Acceder Darse de alta He olvidado la contraseña

Este debate tiene 1 respuesta, 2 mensajes y ha sido actualizado por última vez el 4 años por Alfredo Sanz. This post has been viewed 608 times

Mostrando 1 respuesta al debate

Autor

Entradas

05-11-2020 a las 05:30 #1493

Gabriel Ornelas

Participante

Hola

Estoy tratando de visualizar localizaciones con google maps. encontre un codigo JavaScript que hace eso. ejecutando el codigo por aparte funciona bien pero al querer integrarlo con Nefele no se visualiza nada 🙁

Antes pongo en el encabezado 

AAdd(:aHeadScript, '<script src="https://maps.googleapis.com/maps/api/js?key=KEY_ID_DEVELOPER"></script>' )
Este es el codigo JavaScript
     <script>
         var centerPos = new google.maps.LatLng(17.9898421,-93.3799954);
         function initialize() {
           var map;
           var zoomLevel = 15.60;
           var mapOptions = {
             center: centerPos,
             zoom: zoomLevel,
             mapTypeId: google.maps.MapTypeId.ROADMAP
           };

           map = new google.maps.Map( document.getElementById("map-canvas"), mapOptions );

           var locations = [
               ['Centro (Matriz)', 17.9898421,-93.3799954],
               ['Ev. Juarez', 17.9988306,-93.3767],
               ['Abraham Bandala', 17.9910208,-93.3868717]
               ];

           var image = 'images/pollo_feliz/ping_pollofeliz.png';

           for (i = 0; i < locations.length; i++) {
           marker = new google.maps.Marker( {
               position: new google.maps.LatLng(locations[i][1], locations[i][2]),
               title: locations[i][0],
               map: map,
               icon: image
               } );
            }
         }

         google.maps.event.addDomListener(window, 'load', initialize);

// Y lo estoy tratando de incrustar en un Bevel

      WITH OBJECT WBevel():New( :WO )
          :cId    := 'map-canvas'
          :aWidth := { 12, 10, 8 }
          :aOffSet:= {  0, 2, 2 }
          :oStyle:cHeight:= "460px"
          :oStyle:cWidth := "100%"
          :Create()
      END WITH

Antes pongo en el encabezado

AAdd(:aHeadScript, '<script src="https://maps.googleapis.com/maps/api/js?key=KEY_ID_DEVELOPER"></script>' )

Este es el codigo JavaScript

var centerPos = new google.maps.LatLng(17.9898421,-93.3799954);

function initialize() {

var map;

var zoomLevel = 15.60;

var mapOptions = {

center: centerPos,

zoom: zoomLevel,

mapTypeId: google.maps.MapTypeId.ROADMAP

};

map = new google.maps.Map( document.getElementById("map-canvas"), mapOptions );

var locations = [

['Centro (Matriz)', 17.9898421,-93.3799954],

['Ev. Juarez', 17.9988306,-93.3767],

['Abraham Bandala', 17.9910208,-93.3868717]

];

var image = 'images/pollo_feliz/ping_pollofeliz.png';

for (i = 0; i < locations.length; i++) {

marker = new google.maps.Marker( {

position: new google.maps.LatLng(locations[i][1], locations[i][2]),

title: locations[i][0],

map: map,

icon: image

} );

}

google.maps.event.addDomListener(window, 'load', initialize);

// Y lo estoy tratando de incrustar en un Bevel

WITH OBJECT WBevel():New( :WO )

:cId := 'map-canvas'

:aWidth := { 12, 10, 8 }

:aOffSet:= { 0, 2, 2 }

:oStyle:cHeight:= "460px"

:oStyle:cWidth := "100%"

:Create()

END WITH

Buscando en todo el foro parece que se tiene que enviar el script con oCGI:SendScript() pero no se como hacerlo 🙁

05-11-2020 a las 11:28 #1499

Alfredo Sanz
Superadministrador

Usando un addHtml() antes de enviar la página en el que le mandas todo el javascript tendría que ser suficiente.

Recuerda que parapoder usar el servicio de google tienes que proporcionarle la clave de tu clave api que tienes que solicitar a google

Autor

Entradas

Mostrando 1 respuesta al debate

Debes estar registrado para responder a este debate.