asp.net中的Javascript地理位置纬度和经度变量访问_Javascript_C#_Asp.net

asp.net中的Javascript地理位置纬度和经度变量访问

javascript c# asp.net

asp.net中的Javascript地理位置纬度和经度变量访问,javascript,c#,asp.net,Javascript,C#,Asp.net,我正在尝试使用javascript使用geolocation获取用户位置，我可以看到当前位置和所有内容。但当我试图让坐标变量成为c对象标签时，它会返回任何东西。下面是我的javascript if navigator.geolocation{ navigator.geolocation.getCurrentPositionfunction p{ var LatLng=new google.maps.LatLngp.coords.latitude，p.coords.longitude；变量映射

我正在尝试使用javascript使用geolocation获取用户位置，我可以看到当前位置和所有内容。但当我试图让坐标变量成为c对象标签时，它会返回任何东西。下面是我的javascript

if navigator.geolocation{ navigator.geolocation.getCurrentPositionfunction p{ var LatLng=new google.maps.LatLngp.coords.latitude，p.coords.longitude；变量映射选项={ 中心：拉特林，缩放：20， mapTypeId:google.maps.mapTypeId.ROADMAP }; var map=new google.maps.Mapdocument.getElementByIddvMap，mapOptions； var marker=new google.maps.marker{ 位置：LatLng，地图：地图，标题：您的位置：纬度：+p.coords.lation+经度：+p.coords.Longitude， }; google.maps.event.addListenermarker，单击，函数e{ var infoWindow=new google.maps.infoWindow； infoWindow.setContentmarker.title； infoWindow.openmap，标记； //document.getElementByIdlatitude.value=p.coords.latitude； //document.getElementByIdlongity.value=p.coords.latitude； }; var longitude=document.getElementById'latitude'，纬度=document.getElementById'longitude'；函数GetPositionp{ var long=p.coords.longitude，纬度=p坐标纬度 longitude.textlong；纬度.textlat； } }; }否则{ 警报“此浏览器不支持位置功能”； }

@纳吉布，试试下面的解决方案

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://maps.googleapis.com/maps/api/js?key=ABC&callback=myMap"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      var longitude = $('#longitude');
       var latitude = $('#latitude');
        if (navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(function (p) {
             console.log(longitude);
                    longitude.text(p.coords.longitude);
                    latitude.text(p.coords.latitude);
                var LatLng = new google.maps.LatLng(p.coords.latitude, p.coords.longitude);

                var mapOptions = {
                    center: LatLng,
                    zoom: 20,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };
                var map = new google.maps.Map(document.getElementById("dvMap"), mapOptions);
                var marker = new google.maps.Marker({
                    position: LatLng,
                    map: map,
                    title: "<div style = 'height:60px;width:200px'><b>Your location:</b><br />Latitude: " + p.coords.latitude + "<br />Longitude: " + p.coords.longitude,

                });
                google.maps.event.addListener(marker, "click", function (e)                 {
                    var infoWindow = new google.maps.InfoWindow();
                    infoWindow.setContent(marker.title);
                    infoWindow.open(map, marker);
                });
            });
        } else {
            alert('Location feature is not supported in this browser.');
        }
        });
    </script>
<title>Page Title</title>
</head>
<body>
 <div>
  <label ID="latitude"></label>
 <label ID="longitude"></label>
 <br/>
 <div id="dvMap" style="width: 500px; height: 500px"></div>
 </div>
</body>
</html>

将坐标变量添加到c对象标签是什么意思？您应该在DOM完成加载后运行脚本。@Crowcoder，我只想在名为“纬度，经度”的标签框中输入纬度和经度。没有runat服务器，除了Piryal的回答之外，我还可以使用backed？中的数据。要将此信息输入后端，可以使用标签或HiddenFields。但是，当您使用runat=server时，可能无法使用document.getElementById，您需要使用类似以下内容：$'[id*=longitude].textp.coords.longitude；您可以使用ajax调用，通过数据，您可以使用ajax调用将这个lat和lng值传递给服务器端方法。N如果您只想使用ASP.net标签，请参考@PriyalPithadiya，您能告诉我如何从页面加载中删除显示纬度的弹出窗口吗？它的alertp.coords.latitude；在代码上，只要删除它，它就会工作！！：