HTML como javascript não roda no blank

Consultas
#1

Tenho uma aplicação Blank com codigo HTML e chamada em Javascript,ao rodar tanto local ou em produção a aplicação é chamada mas a tela fica em branco.

Ao rodar o mesmo codigo direto no browser funciona perfeitamente,ou seja chama a api do goggle mostrar o mapa.

Alguem poderia me ajudar…

?><!DOCTYPE html>
<html>
  <head>
    <title>Mapa</title>
    <script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
    <link rel="stylesheet" type="text/css" href="./style.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

    <script>	  
	  
		function initMap() 
{
    const map = new google.maps.Map(document.getElementById("map"), {
    zoom: 15,
    center: { lat:-8.017797,lng: -34.86 },
    mapTypeId: "roadmap",
  });
		
  const flightPlanCoordinates = [
{lat: -8.017797, lng: -34.865066}, 
{lat: -8.021009, lng: -34.861371}, 
{lat: -8.025421, lng: -34.863676}, 
{lat: -8.032072, lng: -34.867866}, 
{lat: -8.036588, lng: -34.870725},
{lat: -8.039609, lng: -34.871395},
{lat: -8.038347, lng: -34.870644},
{lat: -8.036943, lng: -34.871975},
{lat: -8.037394, lng: -34.873215},
{lat: -8.037554, lng: -34.874702},
{lat: -8.038391, lng: -34.879356}, 
{lat: -8.031136, lng: -34.881515},
{lat: -8.032984, lng: -34.886868},
{lat: -8.032725, lng: -34.887366}, 
{lat: -8.034882, lng: -34.887202},
{lat: -8.037474, lng: -34.890999},
{lat: -8.038522, lng: -34.891782}, 
{lat: -8.039043, lng: -34.891001}, 
{lat: -8.040946, lng: -34.886407},
  ];
  const flightPath = new google.maps.Polyline({
    path: flightPlanCoordinates,
    geodesic: true,
    strokeColor: "#FF0000",
    strokeOpacity: 1.0,
    strokeWeight: 2,
  });
  flightPath.setMap(map);
}
	</script>  
  
  </head>

  <body>
    <div id="map"></div>
    <!-- Async script executes immediately and must be after any DOM elements used in callback. -->
    <script
      src="https://maps.googleapis.com/maps/api/js?Key=minhaChave&callback=initMap&libraries=&v=weekly"
      async
    ></script>
  </body>
</html>
<?php

codigo acima usado no scriptcase 9 aplicação -> blank

obs -->eu abro e fecho o PHP com ?>inicio do codigo e <?php no final do codigo
obs2 --> no codigo eu coloco o java direto mas tambem testei fazendo chamada em arquivo .js
“script src=“index.js”>”

mapa abaixo roda perfeito no browser

mapaSC
mapaSC1920×1080 462 KB

tela em branco no scriptcase

tela_em_branco
tela_em_branco1920×1080 83.6 KB

#2

Bom dia.
No evento onexecute em uma Blank não deve abrir as tags php pois já está em sessão php.

Faz referências a arquivos na pasta da aplicação (./arquivo). Ao gerar app o SC limpa a pasta então não da sentido jogar seus arquivos na pasta da aplicação.

#3

Caro Haroldo
Bom dia

Ao retirar as tags PHP ocorre erro na execução.

Parse error: syntax error, unexpected ‘<’ in C:\Program Files\NetMake\v9-php73\wwwroot\scriptcase\app\Delivery_Tracking\blank_2\index.php on line 1701

#4

é que vc escreveu:
obs -->**eu abro e fecho o PHP com ?>**inicio do codigo e <?php no final do codigo

então vc tem que fechar e no final abrir, o contrário do que disse.

Eu gosto de usar:

echo <<<HTML
/* seu código html */
HTML;

outro porém que relatei é:

./style.css -> esse caminho é errado, ou no mínimo, muito ruim de se usar.

Coloque todos os arqvuivos em biblioteca externa.

1 Curtida
#5

eu não estou mais usando o index.js
o codigo javascript esta direto no blank .
fiz o teste com o que vc enviou e acontece a mesma coisa a aplicação abre mas não mostra nada.
a diferenca é que aparece --> nmgp_outra_jan=true&nmgp_start=SC&5265

http://127.0.0.1:8091/scriptcase/app/Delivery_Tracking/blank_2/?nmgp_outra_jan=true&nmgp_start=SC&5265

#6

eu não falei do index.js, falei do stule.css.
e a url que descreveu acima aponta para um localhost,não é possível abrir.

#7

image
image1349×659 51.5 KB

apresenta vários erros na colsole e você criou a key na api do google?

#8

quanto a chave da api eu tenho uma cadastrada e estou usando.,somente tirei na tela que postei.
entendi agora,vc falou do “./style.css” />" eu retirei mas continua sem mostrar nada.

#9

Como mostrei na imagem, verifique seu console do browser e analise os erros.

#10

OK vou verificar
obrigado pela atenção.

#11

Haroldo
Corrigi os erros conforme tela em anexo, mas continua não abrindo o mapa.
Não dá para entender.

sem_erro
sem_erro1920×1080 229 KB

#12

se vc jogar em um php puro em localhost funciona?
pois, até onde me lembro a api esta ligada do dominio que ela vai ser executada.

#13

direto no browser

mapaSC
mapaSC1920×1080 462 KB

#14

acesse via protocolo http dentro do wwwroot da intalação do SC.

#15

http://127.0.0.1:8091/scriptcase/app/Delivery_Tracking/testemapa.htm/

retorna–> Not Found

The requested URL /scriptcase/app/Delivery_Tracking/testemapa.html/ was not found on this server.

#16

É porque não está no caminho certo.

#17

telabranca
telabranca1920×1080 82.5 KB

#18

mesma coisa,chamei de dentro do projeto