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