12、谷歌地图开发：叠加层与地理定位全解析

谷歌地图开发：叠加层与地理定位全解析

1. 叠加层的样式定制

1.1 信息窗口样式定义

当表格设置好后，可通过点击文件菜单中的“可视化>地图”来预览地图上显示的数据。之后就能对部分地图元素进行定制，首先要定义点击兴趣点（POI）时弹出的信息窗口样式。Fusion Tables 虽提供了信息窗口的默认设置，但通常需要进行一些定制。具体操作步骤如下：
1. 点击地图上方链接中的“配置信息窗口”。
2. 在弹出的对话框中，选择“自定义”面板。
3. 在这里可以创建一个 HTML 模板来指定信息窗口的布局。要从表格的每一行中提取数据，可在花括号内使用列名，例如若表格中有名为“Name”的列，就在 HTML 模板中放入 {name} 。
4. 为使信息窗口适应 iOS 设备，还需启用滚动功能。可将模板包裹在 <div> 元素内，并在 <div> 的 style 属性中指定信息窗口的大小，示例代码如下：

width:230px; height:200px;overflow: auto;

5. 定义好 HTML 模板后，点击“保存”，然后在地图预览中查看效果。若不满意，可再次点击“配置信息窗口”，修改模板后再次保存。

1.2 标记样式定义

可通过点击“配置样式”链接来定制标记图标的样式，此时会打开“更改地图样式”对话框。若要