引用Google地图中的特定位置

时间:2016-04-07 15:34:57

标签: javascript html api google-maps

我试图首次在主页上添加谷歌地图,然后找到了创建具有特定位置的谷歌地图的代码 -

var myLatlng1 = new google.maps.LatLng(53.65914, 0.072050) 

并且我不知道如何更改标记所在的位置 - 我在哪里可以找到位置坐标?谢谢!

<html>
<head>
 <title> Map </title>
 <style>
    html, body, #map-canvas {
    margin: 0;
    padding: 0;
    height: 500px;
    width: 800px;}
</style>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false">   

</script>
  <script>
    var map;
    function initialize()
    {
        var myLatlng1 = new google.maps.LatLng(53.65914, 0.072050);

        var mapOptions = 
        {
            zoom: 10,
            center: myLatlng1,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById('map-canvas'),
        mapOptions);


        <?php
            $sql = mysql_query("SELECT * FROM data ORDER BY ID DESC");
            while($row =mysql_fetch_array($sql))
            {
                $desc = $row['DESCRIPTION'];
                $location = $row['LOCATION'];
                $counter += 1; 
            ?>

        var marker = new google.maps.Marker({
            position: new google.maps.LatLng(<?php echo $location; ?>),
            map: map,
            title: '<?php echo $desc; ?>',
            icon: '/image/cam.png'
        });

       navigator.geolocation.getCurrentPosition(showPosition);  
    }

    var showPosition = function (position) 
       {
           map.setCenter(new google.maps.LatLng(position.coords.latitude,  
position.coords.longitude), 16);

       }

    google.maps.event.addDomListener(window, 'load', initialize);

    </script>
</head>

2 个答案:

答案 0 :(得分:1)

这很容易。首先转到谷歌地图,然后选择要放大的位置。一旦看到页面顶部的URL,它应该如下所示:

  https://www.google.com/maps/@44.0005355,-71.0799974,12z

这是你的纬线长44.0005355和-71.0799974只需用你拥有的替换它们。

答案 1 :(得分:0)

设置标记的代码部分(包括位置)是这个

     var yourLat = 45.2323; // is only sample value
     ver yourLng = 14.1818; // is only sample value
     var marker = new google.maps.Marker({
        position: new google.maps.LatLng(yourLat, yourLng),
        map: map,
        title: 'your title',
        icon: '/image/cam.png'
    });

您必须在Google地图符号中指定coord,因此如果您没有此coord,请使用Google地图并点击您想要的点。 coord出现在一个方框中