c# - 用于 asp.net mvc 3 的谷歌地图

Question

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

我找到了一些 ASP.NET WebForms 的链接，但没有找到 ASP.NET MVC 3 的链接？ 有人可以给我发送链接或代码示例吗？

Answer 1

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

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

然后将此 div 添加到 View 的正文中:

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

然后添加这个脚本 block 来控制 map

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

注意纬度和经度如何来自模型， View 如何写入 JavaScript。