Javascript 谷歌地图：覆盖点未显示_Javascript_Html_Google Maps_Google Api

Javascript 谷歌地图：覆盖点未显示

javascript html google-maps google-api

Javascript 谷歌地图：覆盖点未显示,javascript,html,google-maps,google-api,Javascript,Html,Google Maps,Google Api,嘿，伙计们，希望这里能有点帮助首先，我在这里创建了一个工作地图：指针显示在现场，但我需要删除地图|卫星|地形按钮再深入一点，我发现了一个例子。但是，我无法使用我的google.map.js文件和我的API密钥使地图正常工作。所以我只是使用了来自的脚本现在我的第二张地图我删除了地图视图选项，但无法显示覆盖图：( 请帮忙目标：使用我的谷歌地图API密钥删除“地图视图”选项按钮将覆盖指针放在该位置上使用我的google API 2密钥的第一张地图的代码： <head&g

嘿，伙计们，希望这里能有点帮助

首先，我在这里创建了一个工作地图： 指针显示在现场，但我需要删除地图|卫星|地形按钮

再深入一点，我发现了一个例子。但是，我无法使用我的google.map.js文件和我的API密钥使地图正常工作。所以我只是使用了来自的脚本

现在我的第二张地图我删除了地图视图选项，但无法显示覆盖图：(

请帮忙

目标：

使用我的谷歌地图API密钥
删除“地图视图”选项按钮
将覆盖指针放在该位置上

使用我的google API 2密钥的第一张地图的代码：

<head>
    <title>Test Google Maps</title>

    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=AIzaSyAXsNu2EwRNqKJn9OmC19WPkEJFM0r6ALk&sensor=true"
        type="text/javascript"></script>

    <script type="text/javascript">

        function initialize() {

            // var myOptions = {
            //     zoom: 16,
            //     center: new google.maps.LatLng(40.750159, -73.976473),
            //     disableDefaultUI: true,
            //     mapTypeId: google.maps.MapTypeId.ROADMAP
            //   }

            // var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

            // var point = new GLatLng(40.750159, -73.976473);
            // map.addOverlay(new GMarker(point));

            var map = new GMap2(document.getElementById("map_canvas"));
            map.setCenter(new GLatLng(40.750159, -73.976473), 13);
            map.setUIToDefault();

            var myGeographicCoordinates = new GLatLng(40.750159, -73.976473)
            map.addOverlay(new GMarker(myGeographicCoordinates));

            // map.addOverlay(new GMarker(40.750159, -73.976473));


        }

    </script>

</head>

<body onload="initialize()" onunload="GUnload()">
    <div id="map_canvas" style="width: 450px; height: 370px"></div>
</body>


测试谷歌地图
函数初始化（）{
//变量myOptions={
//缩放：16，
//中心：新google.maps.LatLng（40.750159，-73.976473），
//disableDefaultUI:true，
//mapTypeId:google.maps.mapTypeId.ROADMAP
//   }
//var map=new google.maps.map（document.getElementById（“map_canvas”），myOptions）；
//var点=新玻璃（40.750159，-73.976473）；
//添加覆盖图（新GMarker（点））；
var map=newgmap2（document.getElementById（“map_canvas”）；
赛特中心地图（新格拉特林（40.750159，-73.976473），13）；
map.setUIToDefault（）；
var MyGeographics坐标=新玻璃（40.750159，-73.976473）
地图添加覆盖图（新GMarker（MyGeographicalCoordinates））；
//地图添加覆盖图（新GMarker（40.750159，-73.976473））；
}

已更新
工作代码！感谢堆叠者！！！

<head>
    <title>Test Google Maps</title>

    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>

    <script type="text/javascript">

        function initialize() {

            var myOptions = {
                zoom: 16,
                center: new google.maps.LatLng(40.750159, -73.976473),
                disableDefaultUI: true,
                mapTypeId: google.maps.MapTypeId.ROADMAP
              }

            var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

            var myGeographicCoordinates = new google.maps.LatLng(40.750159, -73.976473);

            var marker = new google.maps.Marker({
                map:        map,
                position:   myGeographicCoordinates,
                title:      "My First Test Marker",
                visible:    true
            }); 
            }

    </script>

</head>

<body onload="initialize()" onunload="GUnload()">
    <div id="map_canvas" style="width: 450px; height: 370px"></div>
</body>


测试谷歌地图
函数初始化（）{
变量myOptions={
缩放：16，
中心：新google.maps.LatLng（40.750159，-73.976473），
disableDefaultUI:true，
mapTypeId:google.maps.mapTypeId.ROADMAP
}
var map=new google.maps.map（document.getElementById（“map_canvas”），myOptions）；
var myGeographicCoordinates=new google.maps.LatLng（40.750159，-73.976473）；
var marker=new google.maps.marker({
地图：地图，
位置：我的地理坐标，
标题：“我的第一个测试标记”，
可见：正确
}); 
}

如何定义latLng对象存在问题

new GLatLng(40.750159, -73.976473);

Google Maps Api v2中使用了这一点。现在您使用的是最新的Api（v3），在新的Api中，您应该这样做：

new google.maps.LatLng(40.750159, -73.976473);

编辑：编辑后，我发现标记有一些问题。在API v3中，这是创建新标记的方式：

var marker = new google.maps.Marker({
    map:        map,
    position:   latLng
});

下面的代码设置一个映射，禁用默认UI，设置一个标记并将其放在映射上

function initialize() {
 var myOptions = {
  zoom: 16,
  center: new google.maps.LatLng(40.750159, -73.976473),
  disableDefaultUI: true,
  mapTypeId: google.maps.MapTypeId.ROADMAP
 }

 var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
 var myGeographicCoordinates = new GLatLng(40.750159, -73.976473);
 var marker = new google.maps.Marker({
  map:        map,
  position:   myGeographicCoordinates
 });
}

现在，您已经移动到v3 API，您希望将标记创建代码更改为：

map.addOverlay(new GMarker(myGeographicCoordinates));

致：

如果需要，还可以在

marker选项

s中定义一个自定义标记

图标

，将其传递给marker构造函数，并将该值设置为图像文件的路径和名称：

var marker = new google.maps.Marker({
    map:        map,
    icon:       "images/my-nice-marker.png",
    position:   myGeographicCoordinates,
    title:      "My First Test Marker",
    visible:    true
});

我刚刚更新了这里的代码：但仍然没有显示覆盖：（是的，这一点实际上显示了某个东西在地图上的位置，它看起来也像是一个倒置的泪珠。好吧，从技术上来说，它是一个覆盖层，但标记是一个更常见的名称。无论如何，请看我的编辑。这应该是你想要的。啊，我让它工作了！但是如果你正在运行如图所示的代码，我使用了你和@Sean Mickey的答案的组合。）上面，您仍然在使用一个旧的v2类：

var mygeographiccordinates=new GLatLng（40.750159，-73.976473）；

。将该行更改为：`var mygeographiccordinates=new google.maps.LatLng（40.750159，-73.976473）；哦，我对api的理解错了，我有正确的链接。感谢您的帮助！

var marker = new google.maps.Marker({
    map:        map,
    icon:       "images/my-nice-marker.png",
    position:   myGeographicCoordinates,
    title:      "My First Test Marker",
    visible:    true
});