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