结合c和谷歌地图javascript API

Combine c# and google maps javascript API

本文关键字：javascript API 谷歌地图 结合      更新时间：2023-09-26

我希望我的浏览器运行以下代码：

<!DOCTYPE html>
<html>
  <head>
    <title>Asynchronous Loading</title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <style>
      html, body, #map-canvas {
        height: 100%;
        margin: 0px;
        padding: 0px
      }
    </style>
    <script>
        function initialize() {
            var mapOptions = {
                zoom: 8,
                center: new google.maps.LatLng(-34.397, 150.644)
            };
            var map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);
        }
        function loadScript() {
            var script = document.createElement('script');
            script.type = 'text/javascript';
            script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&' +
      'callback=initialize';
            document.body.appendChild(script);
        }
        window.onload = loadScript;
    </script>
  </head>
  <body>
    <div id="map-canvas"></div>
  </body>
</html>

我想用aspx文件将代码作为字符串发送：

<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
 
    string s2 = @"
<script>
 function initialize() {
  var mapOptions = {
    zoom: 8,
    center: new google.maps.LatLng(-34.397, 150.644)
  };
  var map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);
}
function loadScript() {
  var script = document.createElement('script');
  script.type = 'text/javascript';
  script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&' +
      'callback=initialize';
  document.body.appendChild(script);
}
window.onload = loadScript;";
</script>
<html>
  <head runat="server">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <title>Info windows</title>
    <style>
      html, body, #map-canvas {
        height: 100%;
        margin: 0px;
        padding: 0px
      }
    </style>
   
    <%Response.Write(s2 + "</script>"); %>
  </head>
  <body>
      <form id="form1" runat="server">
    <div id="map-canvas">
    
    </div>
     </form>
  </body>
</html>

当我试图运行它时，它不会显示地图。。就好像它没有读取javascript一样。有人能告诉我代码中的问题是什么吗？

也许你是对的，它没有读取JavaScript。因此，一个快速的建议是：我注意到您没有将type属性添加到脚本声明中，您可以先尝试添加它吗，类似于下面的代码？

<script type="text/javascript">
    $('.selectpicker').selectpicker();
</script>
相关文章：