chrome浏览器不显示标记 - javascript

时间:2017-05-16 07:23:04

标签: javascript google-maps google-chrome google-maps-api-3

在Firefox中,我的标记很好但是在chrome中,它没有显示任何内容。 我认为chrome不允许我访问当前用户位置。 因为标记显示用户的当前位置。

我的代码:

 initialize();
            function initialize()
            {
                map = new google.maps.Map(document.getElementById('googleMap'), {
                    center: {lat: 35.6961111, lng: 51.4230556},
                    zoom: 13
                });
            }

 getLocation();
            function getLocation() {
                if (navigator.geolocation) {
                    navigator.geolocation.getCurrentPosition(showPosition);
                } else {
                    alert("Geolocation is not supported by this browser.");
                }
            }
            function showPosition(position) {
                var lat = position.coords.latitude;
                var lng = position.coords.longitude;
                getAddress(lat,lng);
                initialize(lat,lng);
            }




            //START FIND LOCATION

            var geocoder = new google.maps.Geocoder();
            var marker = null;
            var map = null;
            function initialize(lat,lng) {
                //var $latitude = document.getElementById('latitude');
               // var $longitude = document.getElementById('longitude');
                var latitude = lat;
                var longitude = lng;
                var zoom = 16;

                var LatLng = new google.maps.LatLng(latitude, longitude);

                var mapOptions = {
                    zoom: zoom,
                    center: LatLng,
                    panControl: false,
                    zoomControl: false,
                    scaleControl: true,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                }

                map = new google.maps.Map(document.getElementById('googleMap'), mapOptions);
                if (marker && marker.getMap) marker.setMap(map);
                marker = new google.maps.Marker({
                    position: LatLng,
                    map: map,
                    title: 'Drag Me!',
                    draggable: true
                });

                google.maps.event.addListener(marker, 'dragend', function(marker) {
                    var latLng = marker.latLng;
                    getAddress(latLng.lat(),latLng.lng());
                });


            }

我的网址:

http://www.khadamatchi.com/frontend/Index/addAddressByUser

1 个答案:

答案 0 :(得分:4)

Chrome仅允许在https上投放网页时访问用户的位置。 See this Google Developers Blog post for more information