Объединить C# и Google Maps API JavaScript

Я хочу, чтобы мой браузер, чтобы запустить этот код:Объединить C# и Google Maps API JavaScript

<!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. Может кто-нибудь покажет мне, в чем моя проблема в коде?

источник

2014-09-21 Rina Kochirgan

Возможно, вы правы и не читаете JavaScript. Итак, быстрое предложение: я заметил, что вы не добавили атрибут type к объявлению сценария, не могли бы вы сначала попробовать и добавить его, подобно приведенному ниже коду?

<script type="text/javascript"> 
    $('.selectpicker').selectpicker(); 
</script>

источник

2014-09-21 13:45:01 aahoogendoorn

Объединить C# и Google Maps API JavaScript

ответ

Смежные вопросы