Google Maps JavaScript кода за визуальной студии

Question

У меня есть этот яваскрипта код в C# файл с фоновым кодом:

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" /> 

Я сделал несколько изменений, и теперь он работает

0.

Answer 1

Я думаю, вы должны использовать myMap в маркерах и не map-canvas например:

@"map: myMap });"; 

Answer 2

Во-первых, в вашем коде

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

@ "карта: 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