Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/csharp-4.0/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌地图API。添加标记_Javascript_C#_Html_Arrays_Json - Fatal编程技术网

Javascript 谷歌地图API。添加标记

Javascript 谷歌地图API。添加标记,javascript,c#,html,arrays,json,Javascript,C#,Html,Arrays,Json,我已经更新了我的代码,所以现在当我添加脚本放置标记时,地图仍然保持原样。不幸的是,addmarkers指令不起作用。包含坐标的数据从SQL中提取,并使用C#转换为JSON,并存储为隐藏字段。这本身就可以正常工作,但我似乎无法让我的脚本读取数据并将信息传递给地图并删除标记。这是我现在的代码 <body> <form id="form1" runat="server"> <asp:HiddenField runat=&qu

我已经更新了我的代码,所以现在当我添加脚本放置标记时,地图仍然保持原样。不幸的是,addmarkers指令不起作用。包含坐标的数据从SQL中提取,并使用C#转换为JSON,并存储为隐藏字段。这本身就可以正常工作,但我似乎无法让我的脚本读取数据并将信息传递给地图并删除标记。这是我现在的代码

<body>
<form id="form1" runat="server">
    <asp:HiddenField runat="server" ID="locationData" />                  H<%--IDDEN FIELD CONTAINING DATA--%>
</form>
<div class="header">
</div>
<div id="map"></div>
<script type="text/javascript">  

    function initMap() {
        var options = {                                                     //MAP LOAD OPTIONS
            zoom: 5.8,
            center: { lat: 54.251186, lng: -4.463196 }
        }
        var map = new
            google.maps.Map(document.getElementById('map'), options);       //LOOADS MAP
        // Add Markers

        var markers;
        var arr = document.getElementById("LocationData");                  //CALLS HIDDEN FIELD AND SETS RULES FOR ADDING MARKERS TO THE MAP
        if (arr == "") {
            markers = {};
        }
        else {
            markers = $.parseJSON(arr.Latitude, arr.Longitude);
        };
        for (i = 0; i < markers.length; i++) {                                    //LOOPS THROUGH THE DATA AND ADDS MARKER AS PER LAT AND LONG
            var data = markers[0];
            var myLatlng = new google.maps.LatLng(data.Latitude, data.Longitude);   
            var marker = new google.maps.Marker({
                position: myLatlng,
                map: map,
                title: data.building
            });
        }
    }
</script>

H
函数initMap(){
var options={//映射加载选项
缩放:5.8,
中心:{lat:54.251186,lng:-4.463196}
}
var-map=new
google.maps.Map(document.getElementById('Map'),选项);//LOOADS-Map
//添加标记
var标记;
var arr=document.getElementById(“LocationData”);//调用隐藏字段并设置向地图添加标记的规则
如果(arr==“”){
标记={};
}
否则{
markers=$.parseJSON(arr.Latitude,arr.Longitude);
};
对于(i=0;i

Mike

我假设您正在web浏览器(Google Chrome)上查看来自asp的上述html响应,因此我可以帮助您调试该问题。在右上角的Google chrome上,点击“3点”(菜单),然后点击“更多工具”,然后点击“开发者工具”,默认情况下会打开“控制台”选项卡窗口,您可以在“红色”文本中从html代码中找到错误。尝试分析错误,您还可以在JavaScript代码中添加更多的çonsole.log()或console.log(“”),这可以为您提供更多信息并帮助您解决问题。

我假设您正在web浏览器(Google Chrome)上查看来自asp的上述html响应,因此我可以帮助您调试问题。在右上角的Google chrome上,点击“3点”(菜单),然后点击“更多工具”,然后点击“开发者工具”,默认情况下会打开“控制台”选项卡窗口,您可以在“红色”文本中从html代码中找到错误。尝试分析错误,还可以在JavaScript代码中添加更多的çonsole.log()或console.log(“”),这可以为您提供更多信息并帮助您解决问题。

我已经更新了代码,我的地图现在保持不变。根据隐藏文件中的fata添加标记的代码仍然不起作用。这是我的密码。它缺少什么?我已经更新了我的代码,我的地图现在保持不变。根据隐藏文件中的fata添加标记的代码仍然不起作用。这是我的密码。它少了什么?