javascript - 传单有时会在设置为当前位置时显示世界地图
问题描述
我已经将地图设置到当前位置,如下所示。
var mymap = L.map('mapid', {doubleClickZoom: false}).locate({setView: true, maxZoom: 22});
但有时地图不会加载到当前位置。它显示了一张世界地图。例如:
为什么会这样?
解决方案
如果用户阻止浏览器访问他/她的位置,就会发生这种情况。设置默认中心,以便阻止位置访问的用户看不到世界视图。例如:
var mymap = L.map('mapid', {
minZoom: 9,
maxZoom: 18,
zoom: 12,
center: [40.423494,-3.682068],
doubleClickZoom: false,
}).locate({setView: true});
有关示例,请参见我的 Codepen:https ://codepen.io/amapolauditiva/pen/XWmdMaw
推荐阅读
- reactjs - TypeError:无法读取未定义的属性“10”
- sql - 在表 A 中创建一条记录并将其 id 分配给表 B
- javascript - 页面内查词功能(Ctrl+F功能网页实现)
- amazon-web-services - How to log message events from AmazonMQ to CloudWatch?
- python-3.x - How to replace backslash followed by 2 letters with empty string in Python?
- android - 亚马逊员工的 URL 链接未在 Android 应用程序中打开
- javascript - 未捕获的类型错误:react_native_web_dist_index__WEBPACK_IMPORTED_MODULE_13__.DatePickerAndroid 未定义
- hadoop - 进行更改时hadoop组件的依赖关系
- python - 如何定义实例属性,然后跨子类持久化
- java - 将另一个包中的 Servlet 添加到 Tomcat 的 Web 应用程序的主入口点?