Map not visible

VIELMA16 · July 1, 2021

Hello everybody!

I hope you are well. Could you help me?

I am trying to place the route map (CreazyCreatives) and another of the online flights out of the installation (phpVMS) and it is not possible that it appears visible. I've tried various things and I don't know what I'm doing wrong. I have the google map API KEY included.

Does anyone have a code to help solve this problem?

Thank you so much.

Strider · July 26, 2021

You can use an iframe, or you will need to link the page outside to the local.config file or similar to get it to work without an iframe.

VIELMA16 · July 26, 2021

3 minutes ago, Strider said:

You can use an iframe, or you will need to link the page outside to the local.config file or similar to get it to work without an iframe.

Well, doing a little research I was able to make the map visible but now when there is someone online it is not seen on the map.

https://ibb.co/0rnSnrc

YusufBudi · July 28, 2021

On 7/26/2021 at 8:26 PM, VIELMA16 said:

Well, doing a little research I was able to make the map visible but now when there is someone online it is not seen on the map.

https://ibb.co/0rnSnrc

You've changed to Leaflet?

You have to modify the scripts for displaying the whatever things you want at your map to Leaflet script too...

Regards

VIELMA16 · July 28, 2021

1 hour ago, YusufBudi said:

You've changed to Leaflet?

You have to modify the scripts for displaying the whatever things you want at your map to Leaflet script too...

Regards

Hello Yusuf Budi!

I'm not sure about that but I don't know exactly what to modify because I'm afraid of damaging something.

I leave here the current code of that page, external to phpvms, where I intend to make the online flights visible. As I said before, I made the map visible but it doesn't work properly because no traffic is visible. So I ask for help from someone who has knowledge and who can help me with that.

 <!-- section content begin -->
 <div class="page-title-container">
	<nav aria-label="breadcrumb">
	  <ol class="breadcrumb">
	    <li class="breadcrumb-item active" aria-current="page">Home</li>
	    <li class="breadcrumb-item active" aria-current="page">Operations</li>
	    <li class="breadcrumb-item active" aria-current="page">Live Flights</li>
	  </ol>
	</nav>
  <div class="uk-section">
       <div class="section-headline text-center">
         <h2>Live Flights</h2>
         
<div class="uk-card uk-card-default uk-card-body">
<p><?php Template::Show('acarsmap.php'); ?> </p>

<div class="table-responsive">
        <table class="uk-table uk-table-striped">
         <thead>
        <tr>
            <th><center>FLIGHT STATUS</center></th>
            <th><center>AIRLINE</center></th>
            <th><center>FLIGHT</center></th>
            <th><center>DESTINATION</center></th>
            <th><center>ETE</center></th>
            <th><center>DISTANCE REMAINING</center></th>
            <th><center>REMARKS</center></th>
        </tr>
 </thead>
    <tbody>
	 <?php
$results = ACARSData::GetACARSData();
if(is_array ($results) || $results instanceof Countable) {	if (count($results) > 0)	{
	foreach($results as $flight)
	{

	 ?>
<tr>
<td><center><?php echo $flight->phasedetail; ?></center></td>
<td><center><?php $flightcode= SchedulesData::getProperFlightNum($flight->flightnum);?><img src="<?php echo SITE_URL?>/lib/images/logos/<?php echo $flightcode['code'];?>.png" alt="<?php echo $flight->flightnum;?>"/></center></td>
<td><center><?php echo $flight->flightnum; ?></center></td>
<td><center><?php echo $flight->arrname; ?></center></td>
<td><center><?php echo $flight->timeremaining; ?></center></td>
        <td><center><?php echo $flight->distremain ?> Nm.</center></td>
        <td><center><?php
		 $schedule = SchedulesData::getScheduleByFlight($flight->code,$flight->flightnum);
		 $fltime = explode(".", $schedule->flighttime);
		 $minstar = substr($fltime[1],0,1);
		 $minstarmin = substr($fltime[1],1,2);
		 $flmin = $minstar * 10;
		 $flhou = $fltime[0] * 60;
		 $flminu = $flhou + $flmin + $minstarmin;

		 $actfltime = explode(".", $pirep->flighttime);
		 $actminstar = substr($actfltime[1],0,1);
		 $actminstarmin = substr($actfltime[1],1,2);
		 $actflmin = $actminstar * 10;
		 $actflhou = $actfltime[0] * 60;
		 $actflminu = $actflhou + $actflmin + $actminstarmin;

		 if(($flminu - 20) > $actflminu) {
		 echo "<font color='#FF9900'><b>EARLY</b></font>";
		 } elseif (($flminu + 15) < $actflminu) {
		 echo "<font color='#FF0000'><b>DELAYED</b></font>";
		 } else {
		 echo "<font color='#008000'><b>ON TIME</b></font>"; }
		 ?></center></td> 
        </tr>
        <?php		
		 }
	} } else { ?>
	 <tr>
	 
	<div class="uk-alert-danger" uk-alert>
    <a class="uk-alert-close" uk-close></a>
    <p><strong> Oh No!</strong> Looks Like No Pilots Are Currently Flying.</p>
    </div>
	 </tr>
	 </tbody>
	<?php
	 }
	 ?>
</table>
</br>
</br>
</div>
</div>
</div>
</div>
</div>
<!-- End Latest Flights -->

YusufBudi · July 28, 2021

Hello..

I'm sorry not being clear before.

It's on the acarsmap.php, change the script to to Leaflet's.

Is it the CC payware modules?

Regards

VIELMA16 · July 28, 2021

2 minutes ago, YusufBudi said:

Hola ..

Siento no haber sido claro antes.

Está en acarsmap.php, cambie el script a Leaflet.

¿Son los módulos CC payware?

Saludos

Do not worry! No, it is not a payware CC module. I simply wanted to create on the website (external to phpVMS) a page with the online flights. But I ran into that problem. This is my acarsmap.php code:

<?php if(!defined('IN_PHPVMS') && IN_PHPVMS !== true) { die(); } ?>
<?php
/**
 * These are some options for the ACARS map, you can change here
 * 
 * By default, the zoom level and center are ignored, and the map 
 * will try to fit the all the flights in. If you want to manually set
 * the zoom level and center, set "autozoom" to false.
 */
?>

<div id="acarsmap" style="width: 100%; height: 500px; position: relative; overflow: hidden;"></div>

<script src="<?php echo SITE_URL?>/lib/js/base_map.js"></script>
<script src="<?php echo SITE_URL?>/lib/js/acarsmap.js"></script>
<?php
/* This is the template which is used in the table above, for each row. 
	Be careful modifying it. You can simply add/remove columns, combine 
	columns too. Keep each "section" (<%=...%>) intact
	
	Variables you can use (what they are is pretty obvious)
	
	Variable:							Notes:
	<%=flight.pilotid%>
	<%=flight.firstname%>
	<%=flight.lastname%>
	<%=flight.pilotname%>				First and last combined
	<%=flight.flightnum%>
	<%=flight.depapt%>					Gives the airport name
	<%=flight.depicao%>
	<%=flight.arrapt%>					Gives the airport name
	<%=flight.arricao%>
	<%=flight.phasedetail%>
	<%=flight.heading%>
	<%=flight.alt%>
	<%=flight.gs%>
	<%=flight.disremaining%>
	<%=flight.timeremaning%>
	<%=flight.aircraft%>				Gives the registration
	<%=flight.aircraftname%>			Gives the full name
	<%=flight.client%>					FSACARS/Xacars/FSFK, etc
	<%=flight.trclass%>					"even" or "odd"
	
	You can also use logic in the templating, if you so choose:
	http://ejohn.org/blog/javascript-micro-templating/
*/
?>
<script type="text/html" id="acars_map_row">
<tr class="<%=flight.trclass%>">
<td><a href="<?php echo url('/profile/view');?>/<%=flight.pilotid%>"><%=flight.pilotid%> - <%=flight.pilotname%></a></td>
<td><%=flight.flightnum%></td>
<td><%=flight.depicao%></td>
<td><%=flight.arricao%></td>
<td><%=flight.phasedetail%></td>
<td><%=flight.alt%></td>
<td><%=flight.gs%></td>
<td><%=flight.distremaining%> <?php echo Config::Get('UNITS');?> / <%=flight.timeremaining%></td>
</tr>
</script>

<?php
/*	This is the template for the little map bubble which pops up when you click on a flight
	Same principle as above, keep the <%=...%> tags intact. The same variables are available
	to use here as are available above.
*/
?>
<script type="text/html" id="acars_map_bubble">
<span style="font-size: 10px; text-align:left; width: 100%" align="left">
<a href="<?php echo url('/profile/view');?>/<%=flight.pilotid%>"><%=flight.pilotid%> - <%=flight.pilotname%></a><br />
<strong>Flight <%=flight.flightnum%></strong> (<%=flight.depicao%> to <%=flight.arricao%>)<br />
<strong>Status: </strong><%=flight.phasedetail%><br />
<strong>Dist/Time Remain: </strong><%=flight.distremaining%> <?php echo Config::Get('UNITS');?> / <%=flight.timeremaining%><br />
</span>
</script>

<?php
/*	This is a small template for information about a navpoint popup 
	
	Variables available:
	
	<%=nav.title%>
	<%=nav.name%>
	<%=nav.freq%>
	<%=nav.lat%>
	<%=nav.lng%>
	<%=nav.type%>	2=NDB 3=VOR 4=DME 5=FIX 6=TRACK
 */
?>
<script type="text/html" id="navpoint_bubble">
<span style="font-size: 10px; text-align:left; width: 100%" align="left">
<strong>Name: </strong><%=nav.title%> (<%=nav.name%>)<br />
<strong>Type: </strong>
<?php	/* Show the type of point */ ?>
<% if(nav.type == 2) { %> NDB <% } %>
<% if(nav.type == 3) { %> VOR <% } %>
<% if(nav.type == 4) { %> DME <% } %>
<% if(nav.type == 5) { %> FIX <% } %>
<% if(nav.type == 6) { %> TRACK <% } %>
<br />
<?php	/* Only show frequency if it's not a 0*/ ?>
<% if(nav.freq != 0) { %>
<strong>Frequency: </strong><%=nav.freq%>
<% } %>
</span>
</script>
<script type="text/javascript">
<?php 
/* These are the settings for the Google map. You can see the
	Google API reference if you want to add more options.
	
	There's two options I've added:
	
	autozoom: This will automatically center in on/zoom 
	  so all your current flights are visible. If false,
	  then the zoom and center you specify will be used instead
	  
	refreshTime: Time, in seconds * 1000 to refresh the map.
	  The default is 10000 (10 seconds)
*/
?>
const opts = {
	render_elem: 'acarsmap',
	provider: '<?php echo Config::Get("MAP_TYPE"); ?>',
	autozoom: true,
	zoom: <?php echo Config::Get('MAP_ZOOM_LEVEL'); ?>,
    center: L.latLng("<?php echo Config::Get('MAP_CENTER_LAT'); ?>", "<?php echo Config::Get('MAP_CENTER_LNG'); ?>"),
    refreshTime: 10000
};

renderAcarsMap(opts);
</script>

YusufBudi · July 28, 2021

does the leaflet map work inside your phpvms installation?

VIELMA16 · July 28, 2021

Yes, within phpVMS the online flight map works flawlessly. There if the online traffic is shown. The problem I have is in the page outside the phpvms installation where I want to make it visible.

VIELMA16 · July 28, 2021

This is the map inside phpvms:

https://ibb.co/dKhvqmf

VIELMA16 · July 28, 2021

On 26/7/2021 at 15:21, Strider said:

Puede usar un iframe, o deberá vincular la página externa al archivo local.config o similar para que funcione sin un iframe.

How do I get that? precisely that is another problem. I don't know what encoding to use or where to put it correctly.

Thank you Strider!

Sign In

Map not visible

Recommended Posts

VIELMA16

Link to comment

Share on other sites

Strider

Link to comment

Share on other sites

VIELMA16

Link to comment

Share on other sites

YusufBudi

Link to comment

Share on other sites

VIELMA16

Link to comment

Share on other sites

YusufBudi

Link to comment

Share on other sites

VIELMA16

Link to comment

Share on other sites

YusufBudi

Link to comment

Share on other sites

VIELMA16

Link to comment

Share on other sites

VIELMA16

Link to comment

Share on other sites

VIELMA16

Link to comment

Share on other sites

Join the conversation