Question

我想在网络上生成包含大量信息和线条的地图。我尝试应用静态谷歌地图，在其中生成图像，并快速加载。我尝试应用以下示例，但它并没有desiply地图http://en.googlemaps.subgurim.net/ejemplos/ejemplo_999999_Static_Map.aspx。我可以使它在asp.net网络表单中工作？

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="WebForm3.aspx.cs" Inherits="PlantDiseasesSystem.WebForm3" %>
<%@ Register assembly="GMaps" namespace="Subgurim.Controles" tagprefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<p>
    <br />
</p>
<cc1:StaticGMap ID="StaticGMap1" runat="server" />
<br />
<br />
<cc1:StaticGMap ID="StaticGMap2" runat="server" />

Answer 1

好的，这是我的工作。我打算在我自己的网站（不是谷歌）中打开谷歌地图给用户在他的地址上移动标记（家庭，工作和其他地址）。然后他/她将此标记位置记录到服务器上的地址表中。当其他用户打开他的页面时，他们可以在地图上看到＆＃34;显示＆＃34;链接按钮。当他们点击按钮浏览器打开一个谷歌地图（如果你想你可以在自己的页面中的div中做），他们可以看到有关标记的标记和描述。我没有在我的项目中设计线条，但你可以用同样的方式给它们做广告。

此代码的另一个属性是用户 - 他添加了他/她的地址 - 可以通过将他/她的地址写入文本框并使用谷歌查找机制来查找地址。所以他/她可以放置标记。

我使用了java和vb代码。但由javascript代码处理的重要部分因为谷歌subgrim是完全java：）

以下是完整的javascript代码。

var _id = "";
var _adres = "";
var _kull_adi = "";
var _lat;
var _lng;
var geocoder;
var map; 
var marker;
var koords = new Array();

window.onload = function () {
    geocoder = new google.maps.Geocoder();

    var latlng = new google.maps.LatLng(39.42324,35.27587);
    map = new google.maps.Map(document.getElementById('map'), {
        center: latlng,
        zoom: 6,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    });
    marker = new google.maps.Marker({
        position: latlng,
        map: map,
        title: 'Move the marker to the address.',
        draggable: true
    });
    google.maps.event.addListener(marker, 'dragend', function (a) {
        _lat = a.latLng.lat().toFixed(8);
        _lng = a.latLng.lng().toFixed(8);
        $('#mapbilgileri_div').html("Enlem : " + _lat + "</br>Boylam : " + _lng);
    });
};

function codeAddress() {
    var address = document.getElementById("address").value;
    geocoder.geocode({ 'address': address }, function (results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            marker.setMap(null);
            map.setZoom(15);
            map.setCenter(results[0].geometry.location);
            marker = new google.maps.Marker({
                map: map,
                position: results[0].geometry.location,
                title: 'İşaretçiyi adresinizin üzerine getiriniz.',
                draggable: true
            });
            $('#mapbilgileri_div').html("Enlem : " + results[0].geometry.location.lat().toFixed(8) + "</br>Boylam : " + results[0].geometry.location.lng().toFixed(8));
            _lat = results[0].geometry.location.lat().toFixed(8);
            _lng = results[0].geometry.location.lng().toFixed(8);
            map.setCenter(marker.position);
            marker.setMap(map);
            google.maps.event.addListener(marker, 'dragend', function (a) {
                _lat = a.latLng.lat().toFixed(8);
                _lng = a.latLng.lng().toFixed(8);
                $('#mapbilgileri_div').html("Enlem : " + _lat + "</br>Boylam : " + _lng);
            });
        } else {
            alert("Address couldn't find. Please be sure that you wrote it tuely!: " + status);
        }
    });
}

function set_guid(guid, adres,kull_adi,adres_decoded) {
    _id = guid;
    _adres = adres;
    _kull_adi = kull_adi;
    $('#address').val(adres_decoded);
    $('#adresbilgileri_div').html(_id + "</br>" + _adres);
    $('#mapbilgileri_div').html("Enlem : " + _lat + "</br>Boylam : " + _lng);
    codeAddress();
}

function koordinatekle() {
    if (_id.length > 3 && _lat != undefined && _lng != undefined && _adres.length > 3) {
        WebService.koordinatekle(_id, _lat, _lng, _kull_adi, geri_donus);
    } else {
        alert('Please select an address and coordinate from the map !')
    }
}

function geri_donus(result, eventArgs) {
    if (result = "1") {
        alert("coordinate added successfully.");
    } else {
        alert("Error!");
    }
    __doPostBack('', '');
}

代码中有一些土耳其语，认为它们就像名字一样。和Web服务代码：

<WebMethod()> _
    Public Function koordinatekle(ByVal _adres_tipi As String, ByVal _lat As Double, ByVal _lng As Double, ByVal _kull_adi As String) As String
        Try
            Dim _id As Integer = Val(_adres_tipi.Substring(_adres_tipi.IndexOf("-(ID:") + 5))
            If Left(_adres_tipi, 2) = "An" Then
                Dim sorgu = (From p In tablolar.genel_bilgilers Where p.kullanici_adi = _kull_adi Select p).First

                sorgu.lat = _lat
                sorgu.lon = _lng
                tablolar.SubmitChanges()
            End If
            If Left(_adres_tipi, 2) = "Ek" Then
                Dim sorgu = (From p In tablolar.free_texts Where p.id = _id Select p).First

                sorgu.lat = _lat
                sorgu.lon = _lng
                tablolar.SubmitChanges()
            End If
            Return 1
        Catch ex As Exception
            Return ex.Data.ToString
        End Try
    End Function

javascript代码调用此服务以便在div元素上记录选定的标记位置。

我使用jquery不要忘记，因为它使作品如此轻松。首先它似乎复杂但很简单。让我解释一下。

onload 函数初始化地图。创建地理编码器以查找输入的地址。在＆＃34; map＆＃34;上创建地图div元素。在此地图上创建标记，并为标记拖动事件设置侦听器。

codeaddress 函数尝试查找用户输入的地址。这个的重要功能：

geocoder.geocode({ 'address': address }, function (results, status) {....

此函数将adres数据发送到谷歌并尝试获取地址的坐标。

其他功能只是设置数据并通过Web服务将它们发送到服务器。

我希望这可以帮助......

如果它有效，请不要忘记投票给我:)谢谢。

NOT：我假设你将必要的google subgrim密钥和必要的dll文件（GMaps.dll）添加到你的procet。

Answer 2

我刚刚完成了这项工作并且第一次工作

WebForm1.aspx的

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Website.WebForm1" %>

<%@ Register TagPrefix="cc1" Namespace="Subgurim.Controles" Assembly="GMaps, Version=4.1.0.5, Culture=neutral, PublicKeyToken=564d55b144e7aa5a" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <cc1:StaticGMap ID="StaticGMap1" runat="server" Language="en" format="png32" />
        <br />
        <cc1:StaticGMap ID="StaticGMap2" runat="server" Language="en" format="png32" />
    </form>
</body>
</html>

WebForm1.aspx.cs中

public partial class WebForm1 : System.Web.UI.Page
{
    protected override void OnPreLoad(EventArgs e)
    {
        base.OnPreLoad(e);

        LoadMap();
    }

    private void LoadMap()
    {
        GLatLng latLng = new GLatLng(41, -7);

        int colorEnumLength = 11;
        int sizeEnumLength = 3;
        double latStep = -1;
        double lngStep = 0.4;
        string msg = "Subgurim Google Maps";

        int iLat = 0;
        int iLng = 0;

        Random r = new Random();
        foreach (char c in msg)
        {
            if (c == ' ')
            {
                iLat++;
                continue;
            }

            GLatLng latlngAux = latLng + new GLatLng(latStep * iLat + r.NextDouble() * 0.4, lngStep * iLng);

            int randomColor = r.Next(colorEnumLength);
            StaticGMarker.ColorEnum color = (StaticGMarker.ColorEnum)randomColor;

            int randomSize = r.Next(2, sizeEnumLength);
            StaticGMarker.SizeEnum size = (StaticGMarker.SizeEnum)randomSize;

            StaticGMarker staticGMarker = new StaticGMarker(latlngAux, size, color, c);
            StaticGMap1.addStaticGMarker(staticGMarker);

            iLng++;
        }

        StaticPath path = new StaticPath();
        path.colorNet = Color.FromArgb(255, 0, 80);
        path.weight = 5;
        path.alpha = 150;

        path.points.Add(new GLatLng(41, -5));
        path.points.Add(new GLatLng(41, -4));
        path.points.Add(new GLatLng(40, -4));
        path.points.Add(new GLatLng(39, -2));

        StaticGMap1.addStaticPath(path);

        StaticGMap2.setCenter(new GLatLng("Valencia, Spain"));
        GLatLng paris = new GLatLng("Paris");
        GLatLng athens = new GLatLng();
        athens.optionalStringValue = "athens";

        StaticGMap2.addStaticGMarker(new StaticGMarker(paris, new StaticGIcon("http://maps.google.com/mapfiles/kml/shapes/sunny.png")));
        StaticGMap2.addStaticGMarker(new StaticGMarker(athens, new StaticGIcon("http://maps.google.com/mapfiles/kml/shapes/sunny.png", true)));

        StaticPath path2 = new StaticPath();
        path2.fillColorNet = Color.Brown;
        path2.colorNet = Color.ForestGreen;
        path2.weight = 2;
        path2.alpha = 150;
        path2.points.Add(new GLatLng("Berlin"));
        path2.points.Add(new GLatLng("Rome"));
        path2.points.Add(new GLatLng("Morocco"));
        StaticGMap2.Add(path2);
    }
}

你引用了* GMap.dll吗？

你编译了申请表吗？

*更新

修改

我说注册，我的意思是参考。我要做的是将GMap.dll放入解决方案根目录中的一个名为Libs的文件夹中（而不是在bin文件夹中），然后在Visual Studio中右键单击您的项目并选择“添加引用...”，然后浏览到Libs文件夹中的.dll文件，选中它，单击确定几次。现在构建解决方案（按Ctrl + Shift + B组合键）

我们确实需要查看您网页上的代码，如果您在复制时犯了一个小错误，它可能会破坏它。否则，就像把你的车固定好，但不要让机械师在引擎盖下看看！

静态谷歌地图不能在asp.net中工作

2 个答案: