javascript - 引用谷歌地图中的特定位置

标签 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>

最佳答案

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

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

这是您的经纬度 44.0005355 和 -71.0799974 只需将它们替换为您拥有的值即可。

关于javascript - 引用谷歌地图中的特定位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36480894/

相关文章:

javascript - 在 node.js 中转换 itune XML 播放列表时遇到问题

javascript - Chrome 扩展 : Content Security Policy Error

html - C: 如何提取 HTML 页面的 doctype

api - Magento Soap API V2 响应内容长度不正确

javascript - 在 NodeJS/JavaScript 中将函数源代码转换为字符串

javascript - Chrome : How to solve "Maximum call stack size exceeded" errors on Math. max.apply(数学,数组)

javascript - 字符串化javascript函数

html - 是什么导致了这种 CSS 转换延迟,特别是 Chrome 中的颜色?

api - 什么是 Aweber API 变量 $account_id 和 $list_id?

api - 如何在每个例程调用 api 的情况下并行运行 10000 个 goroutines?