Как показать свое текущее местоположение в GoogleApi, используя asp. net mvc? - PullRequest
0 голосов
/ 12 марта 2020

У меня есть логин c, который показывает текущий город с широтой и долготой, Порт-Элизабет в Южной Африке. Проблема здесь не в том, чтобы показать городские связи, чтобы пользователь мог найти город в университете Нельсона Манделы в Порт-Элизабет. Пожалуйста, помогите мне улучшить эту логику c лучше, спасибо, приятель.

// GoogleMaps.cshtml

@model eNtsaRegistrationTraining.Models.Marker

@{
    ViewBag.Title = "GoogleMaps";
    Layout = null;
}

<!DOCYTPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>eNtsa Office Location</title>

    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCKm-dbDykfx2EIjKiZ0Wml8ehHep6K90M"></script>
    <script type="text/javascript">
        var markers = @Html.Raw(ViewBag.Markers);
        window.onload = function () {
            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);
            for (i = 0; i < markers.length; i++) {
                var data = markers[i]
                var myLatlng = new google.maps.LatLng(data.lat, data.lng);
                var marker = new google.maps.Marker({
                    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>
</head>
<body>
    <div id="dvMap" style="width: 500px; height: 500px">
    </div>
</body>

</html>

// Controller

    public class MapsController : Controller
    {
        // GET: Maps
        public ActionResult GoogleMaps()
        {
            string markers = "[";
            string conString = ConfigurationManager.ConnectionStrings["eNtsaRegistration"].ConnectionString;
            SqlCommand cmd = new SqlCommand("SELECT * FROM Locations");
            using (SqlConnection con = new SqlConnection(conString))
            {
                cmd.Connection = con;
                con.Open();
                using(SqlDataReader sdr = cmd.ExecuteReader())
                {
                    while(sdr.Read())
                    {
                        markers += "{";
                        markers += string.Format("'title': '{0}',", sdr["Name"]);
                        markers += string.Format("'lat': '{0}',", sdr["Latitute"]);
                        markers += string.Format("'lng': '{0}',", sdr["Longitute"]);
                        markers += string.Format("'description': '{0}',", sdr["Description"]);
                        markers += "},";
                    }
                }
                con.Close();
            }

            markers += "];";
            ViewBag.Markers = markers;

            return View();
        }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...