改变地图的坐标值

Change Values of coordinates of map

本文关键字:坐标 地图 改变      更新时间:2023-09-26

我有以下代码,

<script type="text/javascript">
var map;
$(document).ready(function() {
    initialize();
    $("#menu").on("click", ".panTo", function() {
        var laLatLng = new google.maps.LatLng(4.6747035,-74.0575514); /My question
        map.panTo(laLatLng);
            var marker = new google.maps.Circle({
            strokeColor: "#8ada55",
            fillColor: "#bcff8f",
            strokeOpacity: 0.8,
            strokeWeight: 2,
            fillOpacity: 0.5,
            map: map,
            center: laLatLng,
            radius:300
            }); 
    });
});
function initialize() {
    var myOptions = {
        zoom: 15,
        center: new google.maps.LatLng(4.5980556,-74.0758333),
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);;
}
</script>
<div id="map_canvas" style="width: 650px; height:400px"></div>
<div id="menu">
    <label>Location 1</label>
    <input type="button" class="panTo" value="4.6747035,-74.0575514" />
    <br /><br />
</div>

我的问题是如何在Javascript代码中设置,从输入的值。

就在这一行:LatLng(4.6747035,-74.0575514);

因为我将有足够的地址,与按钮,所以当有人点击按钮,LatLng必须更新。

从给出的信息来看,似乎您正在尝试根据传递给匿名函数的内容设置延迟的值。如果我说错了请指正。

这是Jquery .on的文档,它展示了如何通过匿名函数传递数据。http://api.jquery.com/on/

。on(events [, selector] [, data], handler(eventObject))

事件中传递给处理程序的数据。触发事件时的数据。

因此,您的lat和LNG将通过事件传递进来。

希望这就是你要问的

可能需要包含对某些Google include的引用,但这里有几件事:

  1. 当在JavaScript中使用"new"时,会引用(某些)对象定义。这在这个问题中并不清楚。新google.maps.LatLng

  2. 一般来说,"google。对象似乎有一个属性"LatLng"。例如,在web控件上使用"onclick"函数,调用JavaScript将此属性修改为:google.maps.LatLng = (x,y);

然而,这里需要注意的是,我们不知道这个对象是什么,也不知道它是否是一个方法/属性。如果它是某种函数或构造函数,则查看Google库"maps"对象定义的文档,以了解如何设置"LatLng"属性(可能通过方法调用,在构造函数中定义等)。

基于此,另一个选项是设置一个全局变量并创建一个新对象:

var myMap = new google.maps.LatLng(x,y);其中:x和y是JavaScript函数的输入