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