React+BMapGL(react+百度地图插件)初体验

最新推荐文章于 2024-08-16 08:27:09 发布

原创

最新推荐文章于 2024-08-16 08:27:09 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react.js #前端 #js

文章介绍了如何在React应用中集成BMapGL，提供了原生JS和React组件两种方法。在原生JS写法中，需要在HTML中引入地图脚本并初始化地图实例。而在React写法中，使用了`react-bmapgl`库，通过高阶组件加载地图API并创建地图组件。

React+BMapGL(react+百度地图插件)初体验

记录两种百度地图插件使用方式：

1、原生js写法

index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8"/>
  <link rel="icon" href="%PUBLIC_URL%/favicon.ico"/>
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
  <meta name="theme-color" content="#000000"/>
  <meta
      name="description"
      content="Web site created using create-react-app"
  />
  <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png"/>
  <link rel="manifest" href="%PUBLIC_URL%/manifest.json"/>
  <!--    百度地图script    -->
  <script type="text/javascript" src