谷歌地图代理 | 使用 HTML 和矢量模式 API 更轻松地创建 Web 地图
在过去的一年里，谷歌对 Maps JavaScript API 进行了两项重要更新，以便更轻松地采用我们最新、最好的地图：HTML 地图和矢量模式 API。今天谷歌地图亚太区最大代理商之一的 Cloud Ace 云一 为大家介绍一下更新的具体内容。
联系我们 - Cloud Acecloud-ace.cn/contact/
HTML 地图
谷歌宣布推出首套基于 HTML 的 API，它们由基于标准的Web 组件提供支持。现在，您只需几行代码（包括在 React Web 应用中内联到 JSX）即可将交互式地图嵌入到兼容 HTML 的环境中。使用 元素即可快速上手<gmp-map>。
这是一个基本的例子：
地图上的其他内容（例如高级标记）也可以直接通过 HTML 添加：
欲了解更多信息，请参阅使用 HTML 添加带标记的 Google 地图指南和使用 HTML 添加带事件的地图代码示例。您还可以在我们的参考文档中 查看完整的MapElement API 。
为了保持现有 的向后兼容性 google.maps.Map，<gmp-map>我们引入了一个新 google.maps.MapElement 类。虽然目前并非所有地图功能都可通过 HTML 实现，但请提交功能请求，以帮助我们确定未来开发的优先级。 的所有地图功能<gmp-map> 仍然可以通过 JavaScript 的 属性访问MapElement.innerMap。
注意：请确保<script>您的页面上只包含一次 Maps JavaScript API 标签，或者使用动态库导入。
矢量模式 API
新<gmp-map>元素默认为矢量渲染，以便您可以“开箱即用”获得最新的地图技术。
我们还简化了升级现有地图代码以利用矢量渲染的操作。只需 renderingType: "VECTOR"在地图实例中添加 ` ` 即可，如下例所示：
我们建议您在进行此更改前进行全面测试；矢量渲染会带来一些差异。最值得注意的是，代码内的 JSON 样式将不再起作用，但您可以改用基于云的地图样式。
展望未来
谷歌团队也在努力将下一代 3D 地图引入 Maps JavaScript API。这些地图也支持使用 HTML 进行开发。您只需两行代码即可开始使用：
注意：3D 地图目前处于预览发布阶段。
地球的景色，由 Map3DElement
专注于企业级出海云服务 | 一站式配齐 2024-01-22 加入
Google Cloud 高级合作伙伴，提供谷歌一站式解决方案的咨询、规划和实施服务，包括但不限于 Google Cloud Platform、Google Maps Platform、Google Workspace、谷歌翻译、谷歌 Voice 和谷歌云培训等。
评论