googlemaps for asp.net mvc 3

本文关键字：mvc net asp for googlemaps | 更新日期: 2023-09-27 18:08:39

我希望将googlemaps集成到我的asp.net mvc 3网站?

我已经找到了一些链接的asp.net webforms，但不是asp.net mvc 3?有人能给我一个链接或代码样本吗?

googlemaps for asp.net mvc 3

将此javascript添加到页面头部(我假设您已经添加了JQuery):

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

然后把这个div放到视图的主体中:

<div id="map_canvas" style="width:200px; height:200px; "></div>

然后添加这个脚本块来控制地图

<script type="text/javascript">
function initialize() {
    var latLng = new google.maps.LatLng(@Model.Latitude, @Model.Longitude);
    var myOptions = {zoom: 7, center: latLng, mapTypeId: google.maps.MapTypeId.ROADMAP };
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
}
$(document).ready(function () {initialize();});
</script>

请注意纬度和经度是如何来自模型的，并且视图将其写入到javascript中。

您正在从模型传递数据，对吗?如果我想传递数据从我的sql数据库?我该怎么办?我总是遇到编译错误。"CS1061:‘System.Collections.Generic。IEnumerable'不包含'longitude'的定义，也没有扩展方法'longitude'接受类型为'System.Collections.Generic '的第一个参数。可以找到IEnumerable(您是否缺少using指令或程序集引用?)"

这是我的代码。@ model IEnumerable 
    @{ 
        ViewBag.Title = "MVC 3 and Google Maps"; 
    }
    @section Scripts { 
        <script type="text/javascript"  src="http://maps.google.com/maps/api/js?sensor=false"></script>
    }
    @section Styles { 
        html { height: 80% } 
        body { height: 80%; margin: 0px; padding: 0px } 
        #map_canvas { height: 80% } 
    }
    <h2>Hello, Google Maps</h2>
    <div id="map_canvas" style="width:80%; height:80%"></div>
    <script type="text/javascript">
        function initialize() {
            var latlng = new google.maps.LatLng(@Model.longitude, @Model.latitude);
            var options = { zoom: 14, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP };
            var map = new google.maps.Map(document.getElementById("map_canvas"), options);
            //google.maps.event.trigger(map, 'resize');
        }
        $(function () {
            initialize();
        }); 
    </script>

Google地图都是关于javascript的，而不是关于应用程序的服务器端。您可以简单地使用ASP的代码。. NET版本-重点是如何为google-maps创建js文件。

相关文章：