[RESOLVIDO] Mapa escrito em java script do Leaflet

Bugs
#1

Bom dia Tenho uma aplicação Blank que mostra um mapa em uma bliblioteca javaScript Leaflet, qundo eu executo ele so mostra a tela com um mais e um menos na tela mais o mapa não mostra, fiz um arquivo em html e executei no meu browse e funcionou perfeito, gostaria de saber por que este programa não mostra o mapa.

Não estou conseguindo anexar o arquivo aqui.

#2

Investigue o console Javascript e veja se tem erros

#3

Boa Tarde, Haroldo como eu faco para verificar o console javascript?

#4

Botão esquerdo do mouse clica em inspecionar no chrome

#5

Haroldo, tem como eu enviar em anexo o arquivo para voce fazer um teste?
se tem como eu faço?

#6

Eh só uma app blank sem acesso a banco de dados?

Envia por mensagem privada.

#7

sim, e so uma app sem acesso ao banco, qual como eu posso pegar seu emal?

#8

Chamei no privado (mensagens).
…

#9

Envie para seu email.

#10 
...
L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png',{ //style URL
...

Na linha acima, o SC interpreta o {z} {x} {y} como campos Scriptcase.

Solução:
OnExecute da Blank:

$map = '{'.'z}/'.'{'.'x}/'.'{'.'y}';
echo <<<HTML
<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
    <title>Sap Informática - Mapa Rio grande do Norte</title>
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
    <style type="text/css">
	 #map {
		height: 100%;
	 }
	 html,
	 body {
		 height: 100%;
		 margin: 0;
		 padding: 0;
	 }
    </style>
  </head>
  <body>
    <div id="map">
    <script>
      const key = 'YOUR_MAPTILER_API_KEY_HERE';
      const map = L.map('map').setView([-5.812, -35.25], 13); //starting position

      L.tileLayer('https://tile.openstreetmap.org/$map.png',{ //style URL
       // tileSize: 512,
       // zoomOffset: -1,
       // minZoom: 1,
       maxZoom: 30,
      }).addTo(map);
      var marker = L.marker([-5.812, -35.25]).addTo(map);
    </script>
  </body>
</html>
HTML;

Na prática:

2 Curtidas
#11

Boa tarde meu amigo, funcionou ficou perfeito, voce e 10, muito obrigado.

#12

Haroldo Boa noite, como eu adiciono em um local do programa um sql dentro para pegar as informações do meu clientes, e exibir no mapa?

#13

Bem, primeiro você tem que saber trabalhar com scriptcase.

Macros para leitura em banco de dados.

Conhecer php.

#14

Conheco Pouco Haroldo.

#15

Olá, que bom que conseguiu resolver o problema com a ajuda do Haroldo.
Sobre o conhecimento com o Scriptcase, realmente aconselho ler nossa documentação. Existem macros que podem ajudá-lo a ler os dados trazidos do banco de dados e depois basta tratá-los para que o JavaScript possa interpretá-los.

1 Curtida