【问题标题】:How to show point on the google map with java script in asp.net page?如何在 asp.net 页面中使用 javascript 在谷歌地图上显示点?
【发布时间】: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] 有效吗?

标签: javascript asp.net google-maps


【解决方案1】:

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

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

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

之后运行

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-04-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多