Javascript 基于经纬度显示谷歌地图

我在我的网站上有一个显示基于经纬度坐标的地图的部分。我如何准确地更改或获取另一个州、城市或位置的编号/坐标？我试着在谷歌上输入“纽约的纬度和经度”，得到了这个网站

从网站上看，坐标会起作用

例如，纽约市 纬度：40.714353 经度：-74.005973

我把它们放在我下面的潜水舱里，但它们在地图上什么也没显示。如果你看下面的默认坐标是加利福尼亚州的，工作很好。为什么会这样

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

尝试

$map.attr（'data-longtude'）。替换（'、'、'。）

,，

---

这应该可以用。

您在控制台中有任何错误吗？我应该把它放在那里，谢谢提醒。没有错误报告！“我把它们放在下面的div中，但它们没有在地图上显示任何内容”这是什么意思？@user160820他将long/lat存储在他的div@wirey是的，我看到了，但是没有显示任何东西的声明是非常糟糕的。如果他的函数映射到container DIV，如果包含具有正确属性的may API，如果真的包含JQuery，如果属性真的存在……感谢您的回答！因为某种原因，它没有这样做。每当我使用加州的默认坐标时，它都会工作，但它不允许我使用任何其他坐标！

 // 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
                }
            });