如何在asp.net中使用Google Maps创建实时商店定位器?

时间:2017-02-01 06:15:28

标签: javascript asp.net google-maps

我想创建一个谷歌地图api,当用户打开我的asp.net网站页面时,他们会看到他们所在地区最近的超市。

我目前只有这个:

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/jssensor=false"></script>
    <script type="text/javascript">
        if (navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(function (p) {
                var LatLng = new google.maps.LatLng(p.coords.latitude, p.coords.longitude);
                var mapOptions = {
                    center: LatLng,
                    zoom: 13,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };
                var map = new google.maps.Map(document.getElementById("dvMap"), mapOptions);
                var marker = new google.maps.Marker({
                    position: LatLng,
                    map: map,
                    title: "<div style = 'height:60px;width:200px'><b>Your location:</b><br />Latitude: " + p.coords.latitude + "<br />Longitude: " + p.coords.longitude
                });
                google.maps.event.addListener(marker, "click", function (e) {
                    var infoWindow = new google.maps.InfoWindow();
                    infoWindow.setContent(marker.title);
                    infoWindow.open(map, marker);
                });
            });
        } else {
            alert('Geo Location feature is not supported in this browser.');
        }
    </script>
        <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAmP-KSUXWojDj8Cg38zkYI3B0eRCKquvQ&callback=initMap"
      type="text/javascript"></script>
    <div id="dvMap" style="width: 500px; height: 500px">
    </div>

目前只使用地理位置显示我的位置,但我想添加一个功能来显示所在区域内最近的超市。

希望有人能够帮助我。

提前致谢。

0 个答案:

没有答案