ASP.NET GoogleMap MVC帮助方法代码,Asp.Net代码库,德仔网

代码语言
代码分类
【Asp.Net】 ASP.NET GoogleMap MVC帮助方法
作者:玉玲 / 发布于2014/12/13/ 772
ASP.NET封装的GoogleMap Mvc 帮助方法。不用写一行Javascript就能够使用GoogleMap地图。
当然，该方法只能控制有限的google map显示选项，毕竟google map js API太复杂了，不能完全封装。

	using System.Text;
	using System.Web;
	using System.Web.Mvc;
	
	namespace GoogleMap.Sample.Extensions
	{
	 public static class GoogleMapExtension
	 {
	 private static string CreateOptionItem(string key, object value)
	 {
	 return string.Format("{0}:{1},", key, value);
	 }
	
	 private static string RenderMarkerJavascript(string mapId, GoogleMarker[] markers)
	 {
	 if (string.IsNullOrEmpty(mapId) || markers == null || markers.Length < 1)
	 {
	 return "";
	 }
	 var builder = new StringBuilder();
	 builder.Append("var markers=[");
	 for (int i = 0; i < markers.Length; i++)
	 {
	 if (i > 0)
	 {
	 builder.Append(",");
	 }
	 builder.Append(markers[i].RenderJavascript());
	 }
	 builder.AppendFormat("];createMarkers(Map_{0},markers);", mapId);
	 return builder.ToString();
	 }
	
	 public static MvcHtmlString GoogleMap(this HtmlHelper htmlHelper, string mapId, GoogleMapOptions options, params GoogleMarker[] markers)
	 {
	 var builder = new StringBuilder();
	 if (HttpContext.Current.Items["GoogleMapJavascript_Write_Include"] == null)
	 {
	 builder.Append("<script src=\"https://maps.googleapis.com/maps/api/js?v=3.exp\"></script>");
	 HttpContext.Current.Items["GoogleMapJavascript_Write_Include"] = new object();
	 }
	 if (options == null)
	 {
	 options = new GoogleMapOptions();
	 }
	 if (markers.Length > 0 && HttpContext.Current.Items["GoogleMapJavascript_Write_Func"] == null)
	 {
	 builder.Append("<script>");
	 builder.Append("function createMarker(map, data){if(map == null || data == null){return null;}var pos = new google.maps.LatLng(data.lat, data.lng);var opt = {position: pos,map: map};if(typeof data.title === 'string'){opt.title = data.title;}if(typeof data.icon === 'string'){opt.icon = data.icon;}var marker=new google.maps.Marker(opt);marker.marker_data= data;if(typeof data.click === 'function'){google.maps.event.addListener(marker, 'click', function () {data.click(map, marker)});}return marker;}");
	 builder.Append("function createMarkers(map, datas){if (map == null || datas == null || datas.length < 1) {return null;}map.markers = [];for (var i = 0; i < datas.length; i++) {var m = createMarker(map, datas[i]);if(m != null){map.markers.push(m);}};}");
	 builder.Append("</script>");
	 HttpContext.Current.Items["GoogleMapJavascript_Write_Func"] = new object();
	 }
	 var optionBuilder = new StringBuilder();
	 optionBuilder.Append(CreateOptionItem("zoom", options.Zoom));
	 optionBuilder.Append(CreateOptionItem("center", string.Format("new google.maps.LatLng({0}, {1})", options.Latitude, options.Longitude)));
	 optionBuilder.Append(CreateOptionItem("mapTypeId", "google.maps.MapTypeId." + options.MapType));
	 optionBuilder.Append(CreateOptionItem("zoomControl", options.ShowZoomControl.ToString().ToLower()));
	 optionBuilder.Append(CreateOptionItem("panControl", options.ShowPanControl.ToString().ToLower()));
	 optionBuilder.Append(CreateOptionItem("scaleControl", options.ShowScaleControl.ToString().ToLower()));
	 optionBuilder.Append(CreateOptionItem("streetViewControl", options.ShowStreetViewControl.ToString().ToLower()));
	 optionBuilder.Append(CreateOptionItem("rotateControl", options.ShowRotateControl.ToString().ToLower()));
	 optionBuilder.Append(CreateOptionItem("overviewMapControl", options.ShowOverviewMapControl.ToString().ToLower()));
	 optionBuilder.Append(CreateOptionItem("scrollwheel", options.EnableScrollWheel.ToString().ToLower()));
	 if (options.MaxZoom >= 0)
	 {
	 optionBuilder.Append(CreateOptionItem("maxZoom", options.MaxZoom));
	 }
	 if (options.MinZoom >= 0)
	 {
	 optionBuilder.Append(CreateOptionItem("minZoom", options.MinZoom));
	 }
	 builder.AppendFormat("<script>var Map_{0}=null;function initialize_Map_{0}(){{var mapOptions = {{{1}}};Map_{0}=new google.maps.Map(document.getElementById('{0}'),mapOptions);{2}}}google.maps.event.addDomListener(window, 'load', initialize_Map_{0});</script>",
	 mapId,
	 optionBuilder,
	 RenderMarkerJavascript(mapId, markers));
	 return new MvcHtmlString(builder.ToString());
	 }
	 }
	}

	

	namespace GoogleMap.Sample.Extensions
	{
	 public class GoogleMapOptions
	 {
	 public int MinZoom { get; set; }
	
	 public int MaxZoom { get; set; }
	
	 public int Zoom { get; set; }
	
	 public bool ShowZoomControl { get; set; }
	
	 public bool ShowPanControl { get; set; }
	
	 public bool ShowScaleControl { get; set; }
	
	 public bool ShowStreetViewControl { get; set; }
	
	 public bool ShowRotateControl { get; set; }
	
	 public bool ShowOverviewMapControl { get; set; }
	
	 public bool EnableScrollWheel { get; set; }
	
	 public double Latitude { get; set; }
	
	 public double Longitude { get; set; }
	
	 public GoogleMapType MapType { get; set; }
	
	 public GoogleMapOptions()
	 {
	 MaxZoom = -1;
	 MinZoom = -1;
	 Zoom = 8;
	 MapType = GoogleMapType.ROADMAP;
	 ShowZoomControl = true;
	 ShowPanControl = true;
	 ShowScaleControl = true;
	 ShowStreetViewControl = true;
	 ShowRotateControl = true;
	 ShowOverviewMapControl = true;
	 EnableScrollWheel = true;
	 }
	 }
	}
	3. [文件] GoogleMapType.cs ~ 254B 下载(0)
	?
	1
	2
	3
	4
	5
	6
	7
	8
	9
	10
	11
	12
	13
	14
	15
	?using System;
	using System.Collections.Generic;
	using System.Linq;
	using System.Web;
	
	namespace GoogleMap.Sample.Extensions
	{
	 public enum GoogleMapType
	 {
	 HYBRID,
	 ROADMAP,
	 SATELLITE,
	 TERRAIN
	 }
	}
	4. [文件] GoogleMarker.cs ~ 1KB 下载(0)
	?
	1
	2
	3
	4
	5
	6
	7
	8
	9
	10
	11
	12
	13
	14
	15
	16
	17
	18
	19
	20
	21
	22
	23
	24
	25
	26
	27
	28
	29
	30
	31
	32
	33
	34
	35
	36
	37
	?using System.Text;
	
	namespace GoogleMap.Sample.Extensions
	{
	 public class GoogleMarker
	 {
	 public double Latitude { get; set; }
	
	 public double Longitude { get; set; }
	
	 public string IconUrl { get; set; }
	
	 public string Title { get; set; }
	
	 public string OnClick { get; set; }
	
	 public string RenderJavascript()
	 {
	 var builder = new StringBuilder();
	 builder.AppendFormat("{{lat:{0},lng:{1}", Latitude, Longitude);
	 if (!string.IsNullOrEmpty(IconUrl))
	 {
	 builder.AppendFormat(",icon:'{0}'", IconUrl);
	 }
	 if (!string.IsNullOrEmpty(Title))
	 {
	 builder.AppendFormat(",title:'{0}'", Title.Replace("'", "\\'"));
	 }
	 if (!string.IsNullOrEmpty(OnClick))
	 {
	 builder.AppendFormat(",click:{0}", OnClick);
	 }
	 builder.Append("}");
	 return builder.ToString();
	 }
	 }
	}
试试其它关键字
　GoogleMap　　　　　　MVC　
同语言下
可能有用的
玉玲贡献的其它代码(18)