首页 / JAVASCRIPT / javascript – 刷新传单地图：地图容器已经初始化

javascript – 刷新传单地图：地图容器已经初始化

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 刷新传单地图：地图容器已经初始化，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1207字，纯文字阅读大概需要2分钟。

内容图文

我有一个页面,给用户选择,他可以切换我显示的传单地图.

在初始传单地图加载后,我的问题是当我想要刷新地图时.

我总是得到“地图容器已初始化”：

问题在于：

var map = L.map('mapa').setView([lat, lon], 15);

最初它加载得很好,但是当我在表单中选择另一个参数并希望再次显示地图时它会崩溃.

顺便说一句,我试图在第二个setView()之前使用jQuery销毁并重新创建$(‘#mapa’),但它显示了相同的错误.

解决方法:

HTML：

<div id="weathermap"></div>

JavaScript的：

function buildMap(lat,lon)  {
    document.getElementById('weathermap').innerHTML = "<div id='map' style='width: 100%; height: 100%;'></div>";
    var osmUrl = 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
                    osmAttribution = 'Map data ? <a href="http://openstreetmap.org">OpenStreetMap</a> contributors,' +
                        ' <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>',
    osmLayer = new L.TileLayer(osmUrl, {maxZoom: 18, attribution: osmAttribution});
    var map = new L.Map('map');
    map.setView(new L.LatLng(lat,lon), 9 );
    map.addLayer(osmLayer);
    var validatorsLayer = new OsmJs.Weather.LeafletLayer({lang: 'en'});
    map.addLayer(validatorsLayer);
}

我用这个：

document.getElementById('weathermap').innerHTML = "<div id='map' style='width: 100%; height: 100%;'></div>";

重新加载渲染图的div的内容.

内容总结

以上是互联网集市为您收集整理的javascript – 刷新传单地图：地图容器已经初始化全部内容，希望文章能够帮你解决javascript – 刷新传单地图：地图容器已经初始化所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/712809.html

来源：【匿名】