Question

我们已经设置了一个Google地图页面，其中显示GPS设备的当前位置。但是我们无法更改标记。有什么提示吗？

<?php session_start(); ?>

<!DOCTYPE html>
<html>
<head>
<title></title>

<link rel='stylesheet'     href='http://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.3/animate.min.css'>
<link rel='stylesheet' href='https://fonts.googleapis.com/css?    family=Roboto:400italic,700italic,700,400'>
<link rel="stylesheet"     href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.    css" integrity="sha384-    Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"     crossorigin="anonymous">
<link rel="stylesheet"     href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.m    in.css">
 <link rel="stylesheet" href="css/styleL.css">

<link rel="stylesheet" href="css/styleR.css">
<style type="text/css" media="screen">
a{
color: white;
}
a:hover{
color: white;
}

.test + .tooltip > .tooltip-inner {
background-color: #73AD21;
color: #FFFFFF;
border: 1px solid green;
padding: 15px;
font-size: 20px;
}

.tooltip:hover{
color: white;
background-color: black;
}
.man{
position: fixed;
top: 20px;
right: 20px;
}
.man1{
width: 50%;

border: 1px solid grey;
position: fixed;
bottom: 10px;
 left: : 20px;
background-color: white;
 }

.man2{
border: 1px solid grey;
}


/* Media queries for extra small screens */
@media screen and (max-width: 977px) {
.man1{
    display: none;

}
.man3{
    display: inline-block;
}

}

/* Media queries for large screens */
@media screen and (min-width: 978px) {

.man1{
    display: inline-block;
}
.man3{
    display: none;
}


}

.man3{
border: 1px solid grey;
}
.man4{
border: 1px solid grey;
}

</style>

<script>
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});
</script>
</head>
<body>





<iframe 
onload="this.width=screen.width;this.height=screen.height;"

src="https://maps.google.com/maps?q=<?php echo $_GET['lat'] ?>,+<?    php echo$_GET['lng'] ?>&hl=es;z=14&amp;output=embed"
 >
 </iframe>

 <!-- Div for extra small screens -->
<div class="container man3">

跟踪ID：
        说明：
        速度：km / h
        日期和时间：
“ class =” btn btn-primary“>刷新

    <a href="index.php" class="btn btn-secondary">BACK</a>
  <br>
  <br></div> 
   </div> 
</div>


<!-- Div for large  screens -->
<div class="container man1">

跟踪ID：
        说明：
        速度：km / h
      日期和时间：
“ class =” btn btn-primary btn-lg“>刷新

    <a href="index.php" class="btn btn-secondary btn-lg">BACK</a>
  <br>
  <br></div> 
   </div> 
</div>

 <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"     integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script     src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-    ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"     crossorigin="anonymous"></script>
<script     src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js    " integrity="sha384-    JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>


<script         src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>

<script  src="js/indexR.js"></script>

</body>
</html>

如何在Google地图中设置自定义标记？

0 个答案: