Javascript OpenWeatherMap-地图只显示莫斯科_Javascript_Html_Weather Api_Openweathermap

Javascript OpenWeatherMap-地图只显示莫斯科

javascript html

Javascript OpenWeatherMap-地图只显示莫斯科,javascript,html,weather-api,openweathermap,Javascript,Html,Weather Api,Openweathermap,我正在尝试获取特定城市的天气信息（城市动态变化），我遇到了这个地图api，它非常容易集成。但一旦我尝试了，它只展示了莫斯科，即使我给了另一个城市，比如慕尼黑的纬度和经度代码如下： <html> <head> <script src="http://openlayers.org/api/OpenLayers.js"></script> <script src="http://openweathermap.org/js/OWM.OpenLaye

我正在尝试获取特定城市的天气信息（城市动态变化），我遇到了这个地图api，它非常容易集成。但一旦我尝试了，它只展示了莫斯科，即使我给了另一个城市，比如慕尼黑的纬度和经度

代码如下：

<html>
<head>
<script src="http://openlayers.org/api/OpenLayers.js"></script>
<script src="http://openweathermap.org/js/OWM.OpenLayers.1.3.4.js" ></script>
</head>
<body  onload="init()">
 <div id="basicMap"></div>
</body>
<script type="text/javascript">
function init() {
//Center of map
var lat = 48.24806; // <--- some dynamic location
var lon = 11.90166; //<--- some dynamic location
var lonlat = new OpenLayers.LonLat(lon, lat);
    var map = new OpenLayers.Map("basicMap");
// Create overlays
//  OSM
    var mapnik = new OpenLayers.Layer.OSM();
// Stations
var stations = new OpenLayers.Layer.Vector.OWMStations("Stations");
// Current weather
var city = new OpenLayers.Layer.Vector.OWMWeather("Weather");
//Addind maps
map.addLayers([mapnik, stations, city]);
map.setCenter( lonlat, 10 );
 }
 </script>
 </html>


函数init（）{
//地图中心
var lat=48.24806；//显然，您需要设置投影以使其正常工作
以下是以伦敦为中心的代码示例：
<html>
<head>
<script src="http://openweathermap.org/js/OWM.OpenLayers.1.3.4.js" ></script>
</head>
<body  onload="init()">
 <div id="basicMap"></div>
</body>
<script type="text/javascript">
function init() {
//Center of map
var lat = 51.5112139; // <--- some dynamic location
var lon = -0.1198244; //<--- some dynamic location
var map = new OpenLayers.Map("basicMap");
var fromProjection = new OpenLayers.Projection("EPSG:4326");   // Transform from WGS 1984
var toProjection   = new OpenLayers.Projection("EPSG:900913"); // to Spherical Mercator Projection
var position       = new OpenLayers.LonLat(lon, lat).transform( fromProjection, toProjection);
// Create overlays
//  OSM
var mapnik = new OpenLayers.Layer.OSM();
// Stations
var stations = new OpenLayers.Layer.Vector.OWMStations("Stations");
// Current weather
var city = new OpenLayers.Layer.Vector.OWMWeather("Weather");
//Addind maps
map.addLayers([mapnik, stations, city]);
map.setCenter( position, 5 );
 }

 </script>
 </html>


函数init（）{
//地图中心
var lat=51.5112139；//显然，您需要设置投影以使其正常工作
以下是以伦敦为中心的代码示例：
<html>
<head>
<script src="http://openweathermap.org/js/OWM.OpenLayers.1.3.4.js" ></script>
</head>
<body  onload="init()">
 <div id="basicMap"></div>
</body>
<script type="text/javascript">
function init() {
//Center of map
var lat = 51.5112139; // <--- some dynamic location
var lon = -0.1198244; //<--- some dynamic location
var map = new OpenLayers.Map("basicMap");
var fromProjection = new OpenLayers.Projection("EPSG:4326");   // Transform from WGS 1984
var toProjection   = new OpenLayers.Projection("EPSG:900913"); // to Spherical Mercator Projection
var position       = new OpenLayers.LonLat(lon, lat).transform( fromProjection, toProjection);
// Create overlays
//  OSM
var mapnik = new OpenLayers.Layer.OSM();
// Stations
var stations = new OpenLayers.Layer.Vector.OWMStations("Stations");
// Current weather
var city = new OpenLayers.Layer.Vector.OWMWeather("Weather");
//Addind maps
map.addLayers([mapnik, stations, city]);
map.setCenter( position, 5 );
 }

 </script>
 </html>


函数init（）{
//地图中心
var lat=51.5112139；//示例中的lat和lon似乎没有使用dot。您尝试过删除dot吗？@RyonnSan，是的，您可能是对的，但是使用dot这不是莫斯科的lat，有趣的是，让我来看看try@RyonnSan，看，如果我没有点的话，地图上显示的是完全不同的地方，沙特阿拉伯似乎是考试中的lat和lonle没有用圆点。你试过去掉圆点吗？@Ryonsan，是的，你可能是对的，但是有了圆点，这不是莫斯科的一个很有趣的地方，但让我来看看try@RyonnSan，看，如果我没有点，地图上显示的是完全不同的地方，沙特阿拉伯，我还没有测试过，但似乎很有可能成功。：）谢谢，我还没有测试过，但是EEM很可能起作用。：）