根据经度和纬度显示谷歌地图

时间:2012-12-11 14:43:00

标签: javascript jquery html5 google-maps coordinates

我的网站上有一个显示基于经度和纬度坐标的地图的部分。我怎样才能更改或获取另一个州,城市或地点的数量/坐标?我尝试在谷歌“纽约纬度和经度”上输入并获得网站http://www.latlong.net/

看起来坐标可以在网站上发挥作用,

例如纽约市 纬度:40.714353 经度:-74.005973

我将它们放入下面的div中,但是它们没有在地图上显示任何内容。如果你看下面的默认坐标是加利福尼亚州工作得很好。这是为什么?

<div
 class="map"
 data-latitude="37,773606"
 data-longtitude="-122,490382"
></div>

以下是我的Google位置设置

 // Get map position
            var $map = $('#contact .map');
            var latitude = parseFloat($map.data('latitude').replace(',', '.'));
            var longtitude = parseFloat($map.data('longtitude').replace(',', '.'));
            var center = new google.maps.LatLng(latitude - 0.003105999999997721, longtitude);

            // Render map
            var map = new google.maps.Map($map[0], {
                zoom: 16,
                scrollWheel: false,
                center: center,

                mapTypeId: google.maps.MapTypeId.ROADMAP,
                mapTypeControl: false,
                panControlOptions: {
                    position: google.maps.ControlPosition.LEFT_CENTER
                },
                zoomControlOptions: {
                    position: google.maps.ControlPosition.LEFT_CENTER
                },
                scaleControlOptions: {
                    position: google.maps.ControlPosition.LEFT_CENTER
                }
            });

1 个答案:

答案 0 :(得分:2)

试试$map.attr('data-longtitude').replace(',', '.'), 这应该有效。