在Google Map Markers中添加文字 - c#

我已经成功地使用Google Maps的Javascript API在我的网站上获取了Google Map。

每个位置/车辆都有一个很棒的标记。但是问题是我需要在每个标记中显示一个名称。我从sql接收数据,并且加载纬度和经度效果很好,我只需要更改标记即可。从数据库中,我得到驱动程序名称,纬度和对数。我需要在标记中显示驱动程序名称。这些数据将取决于站点(从下拉列表中选择)。记录呼叫后,我们需要将最近的技术发送给客户。

这是我所做的:

我的脚本在头:

     <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false
             &amp;key=AIzaSyCRuaf5l3GKHKII8uG8TDUFW35xr34PgEw" type="text/javascript">
</script>

我在地图上的div:

      <asp:Panel ID="Panel1" runat="server">
            <asp:Literal ID="js" runat="server"></asp:Literal>
            <div id="map_canvas" style="width: 400px; height: 400px; margin-bottom: 2px;">
            </div>
            <br />
        </asp:Panel>

这将显示地图并添加位置:

            private void BuildScript(DataTable tbl)
    {
        string custLocationLat, custLocationLong;

        String Locations = "";
        string marker;

        if (lblCustLatitude.Text == "")
            custLocationLat = Convert.ToString(-26.172116);
        else
            custLocationLat = Convert.ToString(lblCustLatitude.Text);

        if (lblCustLongtitude.Text == "")
            custLocationLong = Convert.ToString(28.130557);
        else
            custLocationLong = Convert.ToString(lblCustLongtitude.Text);

        marker = "var = new GMarker(new GPoint(" + custLocationLat + ", " + custLocationLong + "));";

        foreach (DataRow r in tbl.Rows)
        {   
            if (r["Latitude"].ToString().Trim().Length == 0)
                continue;

            string Latitude = r["Latitude"].ToString();
            string Longitude = r["Longitude"].ToString();
            string markerPoints = r["DrivName"].ToString();
            int i= 0;

            Locations += Environment.NewLine + " map.addOverlay(new GMarker(new GLatLng(" + Latitude + "," + Longitude + ")));";
            marker += Environment.NewLine + "var" + i + " = new GMarker(new GPoint(" + Latitude + ", " + Longitude + "));";
            i++;                
        }

        js.Text = @"<script type='text/javascript'>
                        function initialize() {                                 
                          if (GBrowserIsCompatible()) {
                            var map = new GMap2(document.getElementById('map_canvas'));
                            map.setCenter(new GLatLng(" + custLocationLat + "," + custLocationLong + @"), 8); 
                            " + Locations + @";                                 
                            map.setUIToDefault();
                            }
                        }
                        </script> "; 
    }

我是JavaScript和Google地图的新手。如果有人可以引导我朝正确的方向前进,我将不胜感激!

回答

这是解决方案:

背后的代码:

     public class Marker
{
    public string title;
    public string lat;
    public string lng;
    public string description;
}

    private void BuildScript(DataTable tbl)
    {
        string custLocationLat, custLocationLong;

        List<Marker> valueList = new List<Marker>();                    

        if (lblCustLatitude.Text == "")
            custLocationLat = Convert.ToString(-26.172116);
        else
            custLocationLat = Convert.ToString(lblCustLatitude.Text);

        if (lblCustLongtitude.Text == "")
            custLocationLong = Convert.ToString(28.130557);
        else
            custLocationLong = Convert.ToString(lblCustLongtitude.Text);

        Marker center = new Marker { title = "Smart Office", lat = custLocationLat, lng = custLocationLong, description = "0" };
        List<Marker> marker = new List<Marker>();

        foreach (DataRow r in tbl.Rows)
        {   
            if (r["Latitude"].ToString().Trim().Length == 0)
                continue;

            string Latitude = r["Latitude"].ToString();
            string Longitude = r["Longitude"].ToString();
            string driver = r["DrivName"].ToString();
            string distance = r["Distance"].ToString();

            marker.Add(new Marker { title = driver, lat = Latitude, lng = Longitude, description = distance });          
        }

        JavaScriptSerializer ser = new JavaScriptSerializer();
        hdnMarkers.Value = ser.Serialize(marker);
    }

APS网

    <script type="text/javascript">       

      var markers = document.getElementById("<%=hdnMarkers.Value%>").value;

      function initialize()
      {      
          var mapOptions = {     
              center: new google.maps.LatLng(markers[0].lat, markers[0].lng), 
              zoom: 8,       
              mapTypeId: google.maps.MapTypeId.ROADMAP         
          };            
          var infoWindow = new google.maps.InfoWindow();       
          var map = new google.maps.Map(document.getElementById("dvMap"), mapOptions);  
          var poly = new google.maps.Polyline({ map: map, strokeColor: '#FF8200' });     
          var lat_lng = new Array();      
          for (i = 0; i < markers.length; i++)
          {
              var data = markers[i]
              var myLatlng = new google.maps.LatLng(data.lat, data.lng); lat_lng.push(myLatlng);
              var marker = new StyledMarker({
                  styleIcon: new StyledIcon(StyledIconTypes.BUBBLE, { color: "2590BA", text: data.title }),
                  position: myLatlng, map: map, title: data.title
              });

              (function (marker, data)
              {
                  google.maps.event.addListener(marker, "click", function (e) {
                      infoWindow.setContent(data.description); infoWindow.open(map, marker);
                  });
              })(marker, data);
          }
      }   </script>

参考方案

搜索信息窗口,您将能够获得想要的操作。用户单击地图标记时,可以在信息窗口中显示驱动程序名称。
请参阅以下链接。

https://developers.google.com/maps/documentation/javascript/infowindows

您也会在这里找到很好的例子。
希望这个帮助:)

使用Json.NET反序列化复杂对象 - c#

我需要反序列化从grogle maps api返回的json:{ "destination_addresses": [ "Via Medaglie D'Oro, 10, 47121 Forlì FC, Italia", "Via Torino, 20123 Milano, Italia",…

将python scikit学习模型导出到pmml - python

我想将python scikit-learn模型导出到PMML。哪个python软件包最合适?我阅读了有关Augustus的内容,但是我无法使用scikit-learn模型找到任何示例。 python大神给出的解决方案 SkLearn2PMML是 JPMML-SkLearn命令行应用程序周围的薄包装。有关受支持的Scikit-Learn Estimator和…

当回复有时是一个对象有时是一个数组时,如何在使用改造时解析JSON回复? - java

我正在使用Retrofit来获取JSON答复。这是我实施的一部分-@GET("/api/report/list") Observable<Bills> listBill(@Query("employee_id") String employeeID); 而条例草案类是-public static class…

改造正在返回一个空的响应主体 - java

我正在尝试使用Retrofit和Gson解析一些JSON。但是,我得到的响应机构是空的。当我尝试从对象中打印信息时,出现NullPointerException。我确保URL正确,并且我也确保POJO也正确。我正在使用jsonschema2pojo来帮助创建POJO类。这是我要解析的JSON{ "?xml": { "@versi…

Div单击与单选按钮相同吗? - php

有没有一种方法可以使div上的click事件与表单环境中的单选按钮相同?我只希望下面的div提交值,单选按钮很丑代码输出如下:<input id="radio-2011-06-08" value="2011-06-08" type="radio" name="radio_date&#…