Question

我有一个网页here。它使用谷歌地图，它运作良好。最近发布了一个新版本的谷歌地图，其中进行了一些更改。例如，应使用e.latLng.F而不是e.latLng.lng，e.latLng.A而不是e.latLng.lat，而不是var mapOptions = { center: { lat: lat, lng: lon}, zoom: 14 }; if (!administrator) { mapOptions.mapTypeId = google.maps.MapTypeId.HYBRID; } var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);。到现在为止还挺好。但是，由于某种原因，无法看到缩放滚动条。我知道仍然可以通过鼠标滚动来缩放，但是，没有定义鼠标滚动的设备，如带触摸板的笔记本电脑呢？

这是初始化的一部分：

mapOptions

我相信我应该为<!DOCTYPE html> <html> <head> <script src="http://maps.googleapis.com/maps/api/js"> </script> <script> function initialize() { var mapProp = { center: new google.maps.LatLng(51.508742,-0.120850), zoom:7, zoomControl:true, zoomControlOptions: { style:google.maps.ZoomControlStyle.SMALL }, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("googleMap"),mapProp); } google.maps.event.addDomListener(window, 'load', initialize); </script> </head> <body> <div id="googleMap" style="width:500px;height:380px;"></div> </body> </html>定义一个属性，但我不知道应该在那里定义什么。当我在谷歌上搜索这个时，我还没有找到答案。我很快就能找到答案，但无论如何，我在这里提出这个问题，以确保其他人将来能够回答这个问题。感谢。

编辑：

在this页面，我可以看到缩放控件。这是代码：

<!DOCTYPE html>
<html>
<head>
<script
src="http://maps.googleapis.com/maps/api/js">
</script>

<script>
function initialize()
{
  var mapProp = {
    center: { lat: 51.508742, lng: -0.120850},
    zoom:7,
  };
  var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>

<body>
<div id="googleMap" style="width:500px;height:380px;"></div>
</body>
</html>

如果我将其修改为：

div

仍然显示变焦控制。我想知道为什么变焦控制显示在w3c而不是我的结尾，因为：

示例和我的代码都使用public void Login(string kullaniciAd, string sifre) { try { SqlConnection conn = new SqlConnection("Data Source=.\\SQLExpress; Initial Catalog=twitter;Integrated Security=SSPI"); if (conn.State == ConnectionState.Closed) conn.Open(); SqlCommand cmd = new SqlCommand("SELECT * FROM tblKullanici WHERE kullaniciAdi = @kullaniciAd or sifre = @kullaniciSifre", conn); cmd.CommandType = CommandType.Text; cmd.Connection = conn; cmd.Parameters.AddWithValue("@kullaniciAd", kullaniciAd);//username cmd.Parameters.AddWithValue("@kullaniciSifre", sifre); //password cmd.ExecuteNonQuery(); int UserExist = (int)cmd.ExecuteScalar(); if (UserExist > 1) { //if given there is a user with given username and password?? // i don't know how to do that first should i check username and then check that username's password or what?? //successful } else { //wrong password or username } conn.Close(); } catch (SoapException se) { throw se; } }
以类似的方式初始化属性
地图以类似方式初始化
dom监听器以类似的方式初始化

Answer 1

他们已从最新的API中删除滚动条，但他们离开了+和-缩放控件。奇怪的是，我发现你的地图也没有。

This article关于对地图控件所做的更改可能很有用

Answer 2

始终显示缩放控件，但页脚溢出。默认情况下，缩放控件似乎位于右下角，而早期默认情况下它位于左上角。解决方案是确保显示地图的div完全显示，或者初始化缩放控件的位置，如下所示：

var mapOptions = {
    center: { lat: lat, lng: lon},
    zoom: 14,
    zoomControlOptions: {
        position: google.maps.ControlPosition.LEFT_TOP
    }
};

Google地图缩放滚动条未显示在新版本

2 个答案: