百度地图-gis-2

直接上代码+效果

这个便是 热力图，地址是安阳市：
代码：

import React, {
    useState, Component } from 'react'
import ReactDOM from 'react-dom';
import "react-datetime/css/react-datetime.css";
import "./GisMapbox.css";

export default class GisMap extends React.Component {
   
    state = {
   

    };
    componentDidMount() {
   
        var map = new BMap.Map("container");          // 创建地图实例
        var point = new BMap.Point(114.373485, 36.110373);
        map.centerAndZoom(point, 10);             // 初始化地图，设置中心点坐标和地图级别
        map.setCurrentCity("安阳");		//设置当前显示城市
        map.enableScrollWheelZoom(); // 允许滚轮缩放
        var points = [
            {
    "lng": "114.363979", "lat": "36.03773", "count": "52" },
            {
    "lng": "114.295894", "lat": "36.231772", "count": "7" },
            {
    "lng": "114.504007", "lat": "36.093311", "count": "6" },
            {
    "lng": "114.395983", "lat": "36.201385", "count": "19" },
            {
    "lng": "114.718751", "lat": "36.091966", "count": "2" },
            {
    "lng": "114.48261", "lat": "36.146032", "count": "4" },
            {
    "lng": "114.037656", "lat": "36.276956", "count": "1" },
            {
    "lng": "114.425989", "lat": "36.157907", "count": "5" },
            {
    "lng": "114.309662", "lat": "36.19489", "count": "8" },
            {
    "lng": "114.008762", "lat": "36.162515", "count": "11" },
            {
    "lng": "114.149597", "lat": "36.25203", "count": "11" },
            {
    "lng": "114.634489", "lat": "36.09711", "count": "3" },
            {
    "lng": "114.035667", "lat"