订餐系统之地图订餐

<script type="text/javascript">
    var gzoom = 15;
    var marker = null;
    var map = new BMap.Map("map_canvas"); // 创建地图实例
    map.enableScrollWheelZoom();
    var myGeo = new BMap.Geocoder();
    var _lat = parseFloat($("#hidLat").val());
    var _lng = parseFloat($("#hidLng").val());
    var initpoint = new BMap.Point(_lng, _lat); // 创建点坐标
    //图标
    var myIcon = new BMap.Icon("http://www.ihangjing.com/images/marker50.png", new BMap.Size(20, 34), { anchor: new BMap.Size(10, 0) });
    marker = new BMap.Marker(initpoint, { icon: myIcon });
    map.addOverlay(marker);
    marker.enableDragging();
    marker.setTitle("拖动修改位置");
    map.centerAndZoom(initpoint, gzoom); // 初始化地图，设置中心点坐标和地图级别
    map.addControl(new BMap.NavigationControl());  //缩放工具

    EventWrapper.addListener(map, "click", function(e) {
        map.clearOverlays();
        initpoint = e.point;
        map.removeOverlay(marker);
        marker = new BMap.Marker(initpoint, { icon: myIcon });
        map.addOverlay(marker);
        marker.enableDragging();
        marker.openInfoWindow(infoWindow);
        setLatLng(initpoint);

        marker.addEventListener("dragend", function(e) {
            initpoint = e.point;
            marker = new BMap.Marker(initpoint);
            this.openInfoWindow(infoWindow);
            setLatLng(initpoint);
        });
        marker.addEventListener("dragstart", function(e) {
            map.closeInfoWindow()
        });
    });

    marker.addEventListener("dragend", function(e) {
        initpoint = e.point;
        marker = new BMap.Marker(initpoint);
        this.openInfoWindow(infoWindow);
        setLatLng(initpoint);
    });

    marker.addEventListener("dragstart", function(e) {
        map.closeInfoWindow()
    });

    var opts = {
        width: 250,     // 信息窗口宽度  
        height: 50    // 信息窗口高度
    }

    var winhtml = " <div><p>确定地图位置后，点击按钮“确认位置”进行保存</p>";
    winhtml += "<p style=\" float:right; padding-right:10px;\"><input type=\"button\" value=\"确认位置\" onclick='map.closeInfoWindow()' /></p></div>";

    var infoWindow = new BMap.InfoWindow(winhtml, opts);  // 创建信息窗口对象

    function setLatLng(point) {
        document.getElementById("hidLat").value = point.lat;
        document.getElementById("hidLng").value = point.lng;
        return true;
    }

    function setPlace() {
        var hfcity = $("#hfcity").val();
        var address = document.getElementById("keyaddress").value.trim();
        var local = new BMap.LocalSearch(hfcity, {
            renderOptions: {
                map: map,
                autoViewport: true,
                selectFirstResult: false
            }
        });
        local.search(address);
    }
</script>

<script type="text/javascript">
    var gzoom = 15;
    var points = new Array();
    var markers = new Array();
    var map = new BMap.Map("map"); // 创建地图实例
    map.enableScrollWheelZoom();     
    var myPolygon = null;
    var count = 0;
    var _lat = parseFloat($("#hidLat").val());
    var _lng = parseFloat($("#hidLng").val());
    var initpoint = new BMap.Point(_lng, _lat);  // 创建点坐标

    map.centerAndZoom(initpoint, gzoom); // 初始化地图，设置中心点坐标和地图级别
    map.addControl(new BMap.NavigationControl());  //缩放工具

    var myIcon = new BMap.Icon("http://www.ihangjing.com/images/marker50.png", new BMap.Size(20, 34), { anchor: new BMap.Size(10, 0) });
    marker = new BMap.Marker(initpoint, { icon: myIcon });
    map.addOverlay(marker);

    //map.addEventListener("click", mapclick);
    EventWrapper.addListener(map, "click", mapclick);

    //绘制多边形
    function drawPolygon() {
        if (myPolygon) {
            map.removeOverlay(myPolygon);
        }
        points.length = 0;
        //从marksers填充pints数组
        for (i = 0; i < markers.length; i++) {
            points.push(markers[i].getPosition());
        }
        //  points.push(markers[0].getPosition());

        myPolygon = new BMap.Polygon(points, { strokeColor: "red", strokeWeight: 1, strokeOpacity: 1 });
        map.addOverlay(myPolygon);
    }

    function mapclick(target) {
        //flag == 0表示点击的是标注
        //flag > 0表示点击的是地图
        var flag = target.pixel.x;
        if (target && flag > 0) {
            count++
            var myIcon = new BMap.Icon("http://www.ihangjing.com/images/mm_20_red.png", new BMap.Size(14, 22), { anchor: new BMap.Size(7, 22) });
            var _marker = new BMap.Marker(target.point, { icon: myIcon });
            map.addOverlay(_marker);
            markers.push(_marker);
            _marker.enableDragging();
            _marker.setTitle("point" + count + " lat:" + target.point.lat);

            _marker.addEventListener("dragging", function(e) {
                drawOverlay();
            });
            _marker.addEventListener("dragend", function(e) {
                drawOverlay();
            });
            _marker.addEventListener("dragstart", function(e) {
                drawOverlay();
            });

            // Click listener to remove a marker
            _marker.addEventListener("click", function() {
                var n = 0;
                for (n = 0; n < markers.length; n++) {
                    if (markers[n] == _marker) {
                        map.removeOverlay(markers[n]);
                        break;
                    }
                }
                // 指定从数组中移除元素的开始位置，这个位置是从 0 开始计算的。 
                // 删除从标n开始的，一个元素
                markers.splice(n, 1);
                if (markers.length == 0) {
                    count = 0;
                }
                else {
                    count = markers.length;
                    drawOverlay();
                }
            });
            drawPolygon();
        }
    }

    function drawOverlay() {

        drawPolygon();
    }
    
    //获取每个点的坐标,以: lat1,lng1|lat2,lng2..保存
    function GetPolygon() {
        var html = "";
        for (var i = 0; i < points.length; i++) {
            html +=  points[i].lat + "," + points[i].lng + "|";
        }
        var temp = html.replace(/\|$/, "");
        $("#hidPolygon").val(temp);
        if (html == "") {
            alert("请设定配置范围");
            return false;
        }
        return true;
    }

    //初始化多边形
    function initPolygon() {
        var hidPolygon = $("#hidPolygon").val();
        if (hidPolygon == "") {
            return;
        }
        var oldPolygon = hidPolygon.split('|');
        for (var i = 0; i < oldPolygon.length; i++) {
            count++;
            var latlng = oldPolygon[i].split(',');
            var _mypoint = new BMap.Point(latlng[1], latlng[0]);
            var myIcon = new BMap.Icon("http://www.ihangjing.com/images/mm_20_red.png", new BMap.Size(14, 22), { anchor: new BMap.Size(7, 22) });
            var _marker = new BMap.Marker(_mypoint, { icon: myIcon });
            map.addOverlay(_marker);
            markers.push(_marker);
            _marker.enableDragging();
            _marker.setTitle("point" + count + " lat:" + _mypoint.lat);

            count++;
            addinitmarker(_marker);
        }
        drawPolygon();
    }


    function addinitmarker(_marker_init) {

        _marker_init.addEventListener("dragging", function(e) {
            drawOverlay();
        });
        _marker_init.addEventListener("dragend", function(e) {
            drawOverlay();
        });

        _marker_init.addEventListener("dragstart", function(e) {
            drawOverlay();
        });
        // Click listener to remove a marker
        EventWrapper.addListener(_marker_init, "click", function() {
            var n = 0;
            for (n = 0; n < markers.length; n++) {
                if (markers[n] == _marker_init) {
                    map.removeOverlay(markers[n]);
                    break;
                }
            }
            // 指定从数组中移除元素的开始位置，这个位置是从 0 开始计算的。 
            // 删除从标n开始的，一个元素
            markers.splice(n, 1);
            if (markers.length == 0) {
                count = 0;
            }
            else {
                count = markers.length;
                drawOverlay();
            }
        });
    }
    initPolygon();;

</script>

 var startlng = Math.min(northEastPoint.lng,southWestPoint.lng);
                  var endlng = Math.max(northEastPoint.lng,southWestPoint.lng);
                  var startlat = Math.min(northEastPoint.lat,southWestPoint.lat);
                  var endlat = Math.max(northEastPoint.lat,southWestPoint.lat);
                  var startlgt = endlng - (endlng - startlng)/2;
                  var startlat = endlat - (endlat - startlat)/2;
                  var radius = Math.max((endlng - startlng)/2,(endlat - startlat)/2)*111;
                  GetMapInfo('1',startlgt,startlat,radius);//这里调用自己获取数据方法

//地图上添加marker
//参数说明：togoname , picture,address,reviewcont,BookPercapita(人均).shopid
function createMarker(index, togoname, picture, address, reviewcont, BookPercapita, shopid, point) {
    var infohtml = "";

    var htm1 = "<div class='RichmarkerContainer'  title=\"" + togoname + "\"><h4 class='Richmarker' id=\"h4_" + parseInt(index) + "\"><span class=\"numberL\">" + parseInt(index) + "</span></h4><lable id=\"name_" + parseInt(index) + "\" class='markerlabel'></lable></div>";
    var shopmarker = new BMapLib.RichMarker(htm1, point);

    var temptipinfo = getInfohtml(index, togoname, picture, address, reviewcont, BookPercapita, shopid);
    $("#tipcontainer").append("<div id=\"click_list_infohtml_" + index + "\">" + temptipinfo + "</div>");

    shopmarker.addEventListener("click", function(e) {
        var shopinfohtml = getInfohtml(index, togoname, picture, address, reviewcont, BookPercapita, shopid);
        var shopinfoWindow = new BMap.InfoWindow(shopinfohtml);
        map.openInfoWindow(shopinfoWindow,point);
    });
    allmarkers.push(shopmarker);
    points.push(point);

    return shopmarker;
}

using System;
using System.Collections;
using System.Collections.Generic;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using System.Reflection;
using System.Text;

using System.Drawing;
using System.Drawing.Drawing2D;

public static class hjmap
{
    const double INFINITY = 1e10;
    const double ESP = 1e-5;
    const int MAX_N = 1000;

    public struct XPoint
    {
        public double x, y;

        public XPoint(double _x, double _y)
        {
            x = _x;
            y = _y;
        }
    };

    public struct LineSegment
    {
        public XPoint pt1, pt2;
    };

    /// 判断点在多边形内
    /// <summary>
    /// 如果点在多边形内： 返回0
    /// 如果点在多边形边上： 返回1
    /// 如果点在多边形外： 返回2
    /// </summary>
    /// <param name="polygon">多边形顶点</param>
    /// <param name="point">当前点</param>
    /// <returns></returns>
    public static int InPolygon(XPoint[] polygon, XPoint point)
    {
        int n = polygon.Length;
        int count = 0;
        LineSegment line;
        line.pt1 = point;
        line.pt2.y = point.y;
        line.pt2.x = -INFINITY;
        for (int i = 0; i < n; i++)
        {
            //得到多边形的一条边
            LineSegment side;
            side.pt1 = polygon[i];
            side.pt2 = polygon[(i + 1) % n];
            if (IsOnline(point, side))
            {
                return 1;
            }
            // 如果side平行x轴则不作考虑
            if (Math.Abs(side.pt1.y - side.pt2.y) < ESP)
            {
                continue;
            }
            if (IsOnline(side.pt1, line))
            {
                if (side.pt1.y > side.pt2.y)
                    count++;
            }
            else if (IsOnline(side.pt2, line))
            {
                if (side.pt2.y > side.pt1.y)
                    count++;
            }
            else if (Intersect(line, side))
            {
                count++;
            }
        }
        if (count % 2 == 1)
        {
            return 0;
        }
        else
        {
            return 2;
        }
    }

    // 计算叉乘 |P0P1| × |P0P2|
    public static double Multiply(XPoint p1, XPoint p2, XPoint p0)
    {
        return ((p1.x - p0.x) * (p2.y - p0.y) - (p2.x - p0.x) * (p1.y - p0.y));
    }

    // 判断线段是否包含点point
    public static bool IsOnline(XPoint point, LineSegment line)
    {
        return ((Math.Abs(Multiply(line.pt1, line.pt2, point)) < ESP) &&
        ((point.x - line.pt1.x) * (point.x - line.pt2.x) <= 0) &&
        ((point.y - line.pt1.y) * (point.y - line.pt2.y) <= 0));
    }

    // 判断线段相交
    public static bool Intersect(LineSegment L1, LineSegment L2)
    {
        return ((Math.Max(L1.pt1.x, L1.pt2.x) >= Math.Min(L2.pt1.x, L2.pt2.x)) &&
        (Math.Max(L2.pt1.x, L2.pt2.x) >= Math.Min(L1.pt1.x, L1.pt2.x)) &&
        (Math.Max(L1.pt1.y, L1.pt2.y) >= Math.Min(L2.pt1.y, L2.pt2.y)) &&
        (Math.Max(L2.pt1.y, L2.pt2.y) >= Math.Min(L1.pt1.y, L1.pt2.y)) &&
        (Multiply(L2.pt1, L1.pt2, L1.pt1) * Multiply(L1.pt2, L2.pt2, L1.pt1) >= 0) &&
        (Multiply(L1.pt1, L2.pt2, L2.pt1) * Multiply(L2.pt2, L1.pt2, L2.pt1) >= 0));
    }

    /// 判断点在多边形内
    /// <summary>
    /// 如果点在多边形内： 返回0
    /// 如果点在多边形边上： 返回1
    /// 如果点在多边形外： 返回2
    /// </summary>
    /// <param name="polygon">定点集合，以30.192353,120.164766|30.192712,120.175851|30.189668,120.170192的方式存在</param>
    /// <param name="point">当前点</param>
    /// <returns></returns>
    public static int InPolygon(string _lat, string _lng, string _polygon)
    {
        XPoint mypoint = new XPoint();
        mypoint.x = Convert.ToDouble(_lat);
        mypoint.y = Convert.ToDouble(_lng);

        string Polygon = _polygon;

        string[] PolygonArray = Polygon.Split('|');
        hjmap.XPoint[] curvePoints = new hjmap.XPoint[PolygonArray.Length - 1];

        for (int i = 0; i < PolygonArray.Length - 1; i++)
        {
            string[] point_value = PolygonArray[i].Split(',');
            curvePoints[i] = new hjmap.XPoint((Convert.ToDouble(point_value[0])), (Convert.ToDouble(point_value[1])));
        }

        int rs = InPolygon(curvePoints, mypoint);
        return rs;
    }
}