Кнопка в Google Maps со ссылкой - PullRequest
Новая
       2

Кнопка в Google Maps со ссылкой

0 голосов
/ 18 мая 2018

Извините за мой английский.В свободное время я работаю в какой-то системе, которая интегрирована с Google Maps.

У меня проблема с кнопкой на моей карте Google.https://www.w3schools.com/code/tryit.asp?filename=FRFH8RVD00NH Я не могу вставить в ссылку кнопки широту и долготу от маркера.Я пытался вставить с, но не работает правильно.Я хочу, чтобы эта кнопка была ссылкой на index.php: 

/index.php?newlat=xx.xxxx&newlng=xx.xxxx

Пожалуйста, дайте мне несколько советов.

1 Ответ

0 голосов
/ 18 мая 2018

Это то, что вы ищете Code Pen: https://codepen.io/anon/pen/MGzZzE

   <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN'      
    'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>      
<html xmlns="http://www.w3.org/1999/xhtml">      
    <head>      
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />      
        <style type="text/css" media="all">@import "/style/Przyklad.css";</style>
        <title>Przykład</title>      
        <style>
        .button {
    display: block;
    width: 115px;
    height: 25px;
    background: #4E9CAF;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    color: white;
    font-weight: bold;
}
</style>


        <script src="https://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>    
            <script type="text/javascript">   

            var mapa; // obiekt globalny
            var dymek = new google.maps.InfoWindow();

            function mapaStart()  
            {  
                var wspolrzedne = new google.maps.LatLng(52.240893, 21.022241);
                var opcjeMapy = {
                    zoom: 15,
                    center: wspolrzedne,
                    mapTypeId: google.maps.MapTypeId.ROADMAP,
                    disableDefaultUI: true
                };
                mapa = new google.maps.Map(document.getElementById("mapka"), opcjeMapy);            

                google.maps.event.addListener(mapa,'click',function(zdarzenie)
                {
                    if(zdarzenie.latLng)    
                    {
                    var linkvalue ='/index.php?newlat=' + zdarzenie.latLng.lat()+'&newlng='+zdarzenie.latLng.lng();
                    var link = '<a class="button" href ='+ linkvalue + '>Link To</a>';
                    dymek.setContent(link);
                    dymek.setPosition(zdarzenie.latLng);  
                    dymek.open(mapa); 
                    }
                });

                google.maps.eve
            }  

            function dodajMarker(wspolrzedne)
            {
                var marker = new google.maps.Marker({
                    position: wspolrzedne,
                    map: mapa
                });
                google.maps.event.addListener(marker,'click',function(zdarzenie)
                {
                    dymek.setContent('To jest Twoje<br />Współrzędne GPS markera:<br />'+marker.getPosition());  
                    dymek.setPosition(marker.getPosition());  
                    dymek.open(mapa);
                });
            }

        </script>   
    </head>      
    <body onload="mapaStart()">    



        <div id="mapka" style="width: 700px; height: 500px; border: 1px solid black; background: gray;">   

        </div>   
        <p id="info">
            <!-- menu -->
        </p>
    </body>      
</html>

Дайте мне знать.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...