如何在 asp.net 页面中使用 javascript 在谷歌地图上显示点？

Posted 2023-02-22

【中文标题】如何在 asp.net 页面中使用 javascript 在谷歌地图上显示点？

【英文标题】：How to show point on the google map with java script in asp.net page?

【发布时间】：2015-07-20 14:26:08

【问题描述】：

我正在为从 asp 按钮显示获取点编写此代码并在地图上显示该点：

<script src="http://maps.googleapis.com/maps/api/js"></script>
   <script>
       var myCenter;
       var center;
       var isButtonClick = false;
       function initialize(x,y) 

           var mapProp = 
               center: new google.maps.LatLng(x,y),

               zoom: 5,
               mapTypeId: google.maps.MapTypeId.ROADMAP
           ;
           myCenter: center;
           var map = new google.maps.Map(document.getElementById("googleMap"), mapProp);

               var marker = new google.maps.Marker(
                   position: new google.maps.LatLng(testArray[0], testArray[1]),
                   animation: google.maps.Animation.BOUNCE
               );
               marker.setMap(map);
               alert("0=" + testArray[0]);
               alert("1=" + testArray[1]);


       
       google.maps.event.addDomListener(window, 'load', function ()  if (!isButtonClick) initialize(0, 0) );
    </script>

并将此代码写入 asp 按钮单击事件以将值发送到 java 脚本函数：

List < string > tempString = new List < string > ();
tempString.Add("45.123321");
tempString.Add("35.567890");

StringBuilder sb = new StringBuilder();
sb.Append("<script>");
sb.Append("var testArray = new Array;");
foreach(string str in tempString) 
    sb.Append("testArray.push('" + str + "');");

sb.Append("</script>");

Page.ClientScript.RegisterStartupScript(this.GetType(), "TestArrayScript", sb.ToString());

但是点不显示给我！，我该如何解决？

【问题讨论】：

您的 javascript 使用常量运行良好，警报对 testArray[0] 和 testArray[1] 有效吗？

【参考方案1】：

对后半部分代码的一些建议（因为前半部分，测试时返回了想要的结果），尝试打印出sb，看看它是否确实是你要附加的脚本。

我不太明白你设置var isButtonClick = false;然后传入function () if (!isButtonClick) initialize(0, 0) );的逻辑也许你可以澄清一下。

也许你需要确保函数 initialize 在 sb 添加到 .

之后运行

希望这能给您一些新的想法，或者至少缩小定位错误的范围。干杯！！