Adding additional markers on the display map. #1999

raymondbrianhernandez · 2022-12-27T05:02:10Z

raymondbrianhernandez
Dec 27, 2022

I'm working on a simple page that adds a new marker (or replaces the old marker) once a new GPS coordinates have been found. So far I can pull GPS coordinates, but I'm unsure how to update the map. For simplicity here's my "shortened" code. Any advice? Thanks!

<?php
    include("./php/php_functions.php");
    /* include("debug.php"); */

    if (isset($_GET['address'])) {
        $result = geocode($_GET['address']);
    }
?>

<html>
<body>
    
<head>
    <script src="./src/javascript.js"></script>
    <!-- Map Libre -->
    <script src='https://unpkg.com/[email protected]/dist/maplibre-gl.js'></script>
    <link href='https://unpkg.com/[email protected]/dist/maplibre-gl.css' rel='stylesheet' />
</head>
    
    <form action="" method="get">
    <p>
        Address: <input type="text" name="address" />
    </p>
    <p>
        <input type="submit" />
    </p>
    Latitude: <input type="text" value="<?php echo $result['latitude'] ?>"></input>
    Longitude: <input type="text" value="<?php echo $result['longitude'] ?>"></input>

    <?php if (isset($result)) { ?>
        <p><b> Address: </b><?php echo $_GET['address'] ?></p>
        <p><b> Building type: </b><?php echo $result['building_type'] ?></p>
    <?php } ?>

    <div class="row d-flex justify-content-center" id='map'>
        <script> mapLibre(<?php echo $result['longitude'] ?>, <?php echo $result['latitude'] ?>) </script>
    </div>

</body>
</html>

HarelM · 2022-12-27T06:20:13Z

HarelM
Dec 27, 2022
Maintainer

I think you should use client side code or you'll need to refresh the page every time a new location arrives...

1 reply

raymondbrianhernandez Dec 27, 2022
Author

I think every time I click "submit" button it refreshes the page to display the latitude and longitude, I'm just not sure how to pass it on the JS script.

var marker = new maplibregl.Marker()
.setLngLat([<?php echo $result['longitude'] ?>, <?php echo $result['latitude'] ?>])
.addTo(map);

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Adding additional markers on the display map. #1999

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment 1 reply

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

Adding additional markers on the display map. #1999

Uh oh!

raymondbrianhernandez Dec 27, 2022

Replies: 1 comment · 1 reply

Uh oh!

HarelM Dec 27, 2022 Maintainer

Uh oh!

raymondbrianhernandez Dec 27, 2022 Author

raymondbrianhernandez
Dec 27, 2022

Replies: 1 comment 1 reply

HarelM
Dec 27, 2022
Maintainer

raymondbrianhernandez Dec 27, 2022
Author