自定义控件 博客分类: google map api google map自定义控件
程序员文章站
2024-02-14 11:47:28
...
除了修改现有 API 控件的样式和位置外,您还可以创建自己的控件以处理与用户的交互操作。控件是固定的窗口小部件,浮动在地图之上的绝对位置处;这与“叠加”不同,后者会随下面的地图一起移动。从本质上讲,控件只是一个在地图上具有绝对位置的 <div>
元素,它会向用户显示某个用户界面,并处理与用户或地图的交互(通常通过某个事件处理程序)。
要创建您自己的自定义控件,没有什么需要遵循的“规则”。不过,您可以将以下指导原则视为最佳实践的参考:
- 为待显示的控件元素定义适当的 CSS。
- 针对地图属性更改或用户事件(如
'click'
事件),通过事件处理程序处理与用户或地图的交互。 - 创建一个
<div>
元素以承载控件并将此元素添加到Map
的controls
属性中。