Javascript 不显示谷歌地图图标
我在谷歌地图上显示图标有问题。 这是我的密码:Javascript 不显示谷歌地图图标,javascript,reactjs,google-maps,react-google-maps,Javascript,Reactjs,Google Maps,React Google Maps,我在谷歌地图上显示图标有问题。 这是我的密码: import React, { Component } from 'react' import { compose, withProps, withStateHandlers } from 'recompose' import { withScriptjs, withGoogleMap, GoogleMap, Marker, InfoWindow } from 'react-google-maps' import MapStyles from '.
import React, { Component } from 'react'
import { compose, withProps, withStateHandlers } from 'recompose'
import { withScriptjs, withGoogleMap, GoogleMap, Marker, InfoWindow } from 'react-google-maps'
import MapStyles from './data/MapStyles'
export const Map = compose(
withStateHandlers(() => ({
isOpen: false,
}), {
onToggleOpen: ({ isOpen }) => () => ({
isOpen: !isOpen,
})
}),
withScriptjs,
withGoogleMap
)(props => {
return (
<GoogleMap
defaultZoom={13}
defaultCenter={{ lat: 52.229676, lng: 21.012229 }}
defaultOptions={{ styles: MapStyles }}
mapTypeControl={false}
>{ props.markers.map(marker => {
console.log(marker.location);
<Marker
{...marker}
key={marker.place_id}
position={marker.location}
title={marker.title}
icon={{
url: 'icons/icon.png'
}}
onClick={props.onToggleOpen}
>
{props.isOpen &&
<InfoWindow onCloseClick={props.onToggleOpen}>
<div>Open</div>
</InfoWindow>}
</Marker>
})}
</GoogleMap>
);})
export default Map
标记的位置通过console.log显示在console中,但它们不会显示在地图上。。。我不知道为什么。。。。也许你们中的一些人知道,为什么会这样。。。以下是Github上此项目的链接:
谢谢您的提示。您在地图投影中丢失了一个返回-
>{ props.markers.map(marker => {
console.log(marker.location);
<Marker
工作示例地图样式下的内容此文件包含地图样式。。。
>{ props.markers.map(marker => {
console.log(marker.location);
return <Marker