百度地图，拖动地图，定位marker固定在屏幕中心位置

最新推荐文章于 2024-09-14 18:52:56 发布

weixin_33711641

最新推荐文章于 2024-09-14 18:52:56 发布

阅读量4.8k

点赞数 1

文章标签： javascript 移动开发 java ViewUI

原文链接：https://segmentfault.com/a/1190000017984406

版权

本文介绍如何在百度地图中实现拖动地图时，marker始终保持在屏幕中心位置的效果，通过CSS定位实现，但需注意浏览器窗口尺寸变化时的适配问题。

摘要由CSDN通过智能技术生成

注：高德地图相同效果官方demo

以下为百度地图相关效果图：

注：该例子主要思路是将覆盖物（marker）通过css定位上去的，但是存在一个问题，当浏览器窗口宽度改变时，覆盖物会自动定位到地图中心位置，但是地图可能不会。

图片描述

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>map</title>
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=你的api key"></script>
    <style type="text/css">