谷歌地图 javascript 代码隐藏视觉工作室

Posted 2023-02-22

【中文标题】谷歌地图 javascript 代码隐藏视觉工作室

【英文标题】：Google Maps javascript code-behind visual studio

【发布时间】：2015-09-16 04:08:25

【问题描述】：

我在 C# 文件代码隐藏中有这个 javascript 代码：

  string markers = @"var address = '" + txtLocal.Text + @"';
  geocoder.geocode(  'address': address, function(results, status) 
  map.setCenter(results[0].geometry.location);
  var marker = new google.maps.Marker(
      map: map,
        title: address,
      position: results[0].geometry.location
  );

);" ;

 Literal1.Text = @"
 <script type='text/javascript'>
 function initialize() 
    geocoder = new google.maps.Geocoder();
    var mapOptions =  zoom: 15,    mapTypeId: google.maps.MapTypeId.HYBRID  ;
    var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);"
        + markers + @"
    
 </script>";

我在 .aspx 文件中有这段代码：

    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBF-_RUuJxittvOu3E0SwutoD8LU3BZkPI"></script>
     <script src="http://code.jquery.com/jquery-2.1.4.min.js"type="text/javascript"></script>
      <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=geometry,visualization&sensor=false"></script>


 <script type="text/javascript"> 
         $(function () 
         initialize();
        );
 </script>

        <asp:Literal ID="Literal1" runat="server"></asp:Literal>
        <div id="map_canvas" style="width: 500px; height: 300px" />

我做了一些更改，现在它可以工作了。

【参考方案1】：

我认为你应该在标记中使用myMap 而不是map-canvas 例如：

 @"map: myMap );";

【参考方案2】：

首先，在您的代码中

geocoder.geocode(  'address': " + txtLocal.Text + "," +
                             @"map: map_canvas );";

@"map: map_canavas 应该说：

@"map: myMap

或者您也可以尝试将其添加到您的代码中：

<script type="text/javascript"
  src="https://maps.googleapis.com/maps/api/js?key=>>>>>YOUR_API_KEY<<<<<<">
</script>
</script>
<script src="http://code.jquery.com/jquery-2.1.4.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=geometry,visualization&sensor=false">


<script type="text/javascript"> 
    $(function () 
        initialize();
    );
</script>

要获取您的 Api Key，请尝试： https://developers.google.com/maps/documentation/javascript/tutorial

【讨论】：

感谢您的回答：我更正了第一个错误并添加了其他代码，但仍然没有任何反应。

你应该需要一个 google maps Api Key，试试：developers.google.com/maps/documentation/javascript/tutorial