小编Pet*_*ter的帖子

每次点击标记时,我的谷歌地图都会刷新

所以当我点击一个标记时,地图总是刷新,我该如何阻止它?单击标记将呈现有关该标记的特定信息,但它总是重新加载并返回其默认中心。

import React, { Component } from "react";
import { withGoogleMap, GoogleMap, Marker } from "react-google-maps";
import maplayout from "./mapstyle.js";


class Map extends Component {
  state = { users: []};

  onClick = (data) => {
    this.props.onClick(data);
  };

  render() {
  const GoogleMapExample = withGoogleMap(props => (
      <GoogleMap
        defaultCenter={{ lat: 47.507589, lng: 19.066128 }}
        defaultZoom={13}
      >
        {this.props.users.map((element, index) => (
          <Marker
            key = {index}
            icon={require("../assets/seenpinkek.svg")}
            position={{ lat: element.latitude, lng: element.longitude }}
            onClick={() => this.onClick(index)}
          />
        ))}
      </GoogleMap>
    ));
    return (
      <div>
        <GoogleMapExample …
Run Code Online (Sandbox Code Playgroud)

refresh reactjs react-google-maps

5
推荐指数
1
解决办法
2856
查看次数

标签 统计

react-google-maps ×1

reactjs ×1

refresh ×1