第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何使用反應在谷歌地圖中實現(xiàn)圓形標記?

如何使用反應在谷歌地圖中實現(xiàn)圓形標記?

紅糖糍粑 2023-03-03 10:44:42
我正在使用react-google-maps來實現(xiàn)地圖。我能夠實現(xiàn)默認制造商,特別是 lat 和 lan但我正在努力實現(xiàn)圓形標記。我正在使用google.maps.drawing.OverlayType.CIRCLE來實現(xiàn)圓形標記,但出現(xiàn)錯誤你能指導我如何實現(xiàn)這一目標嗎?代碼import React, { Component } from 'react';import { withGoogleMap, GoogleMap, Marker } from 'react-google-maps';class HomeComponent extends Component {    constructor(props) {        super(props);        this.state = {            data: [                { "name": "Delhi", "coordinates": { lng: 77.1025, lat: 28.7041 }, "mag": 3.3 },                { "name": "Seoul", "coordinates": { lng: 126.9780, lat: 37.5665 }, "mag": 5.0 },                { "name": "Shanghai", "coordinates": { lng: 121.4737, lat: 31.2304 }, "mag": 3.3 },                { "name": "Beijing", "coordinates": { lng: 116.4074, lat: 39.9042 }, "mag": 5.0 },                { "name": "Mumbai", "coordinates": { lng: 72.8777, lat: 19.0760 }, "mag": 3.3 },                { "name": "Moscow", "coordinates": { lng: 37.6173, lat: 55.7558 }, "mag": 5.2 },                { "name": "Dhaka", "coordinates": { lng: 90.4125, lat: 23.8103 }, "mag": 1.5 },                { "name": "Kolkata", "coordinates": { lng: 88.3639, lat: 22.5726 }, "mag": 4.9 },                { "name": "Istanbul", "coordinates": { lng: 28.9784, lat: 41.0082 }, "mag": 2.1 },                { "name": "Tampa", "coordinates": { lng: -82.452606, lat: 27.964157 }, "mag": 3.1 },                { "name": "canada", "coordinates": { lat: 56.1304, lng: -106.3468 }, "mag": 6.1 },                { "name": "Karnataka", "coordinates": { lat: 15.3173, lng: 75.7139 }, "mag": 6.1 },            ]        }    }
查看完整描述

1 回答

?
縹緲止盈

TA貢獻2041條經驗 獲得超4個贊

google不是真的,undefined因為你已經把它包含在你的index.html. 事實上,如果您這樣做console.log(google),您將看到該對象可以正確訪問并且已定義。

關于圓圈,您可以使用google.maps.SymbolPath.CIRCLE而不是google.maps.drawing.OverlayType.CIRCLE

https://codesandbox.io/s/recursing-cohen-5ci1i?file=/src/App.js


查看完整回答
反對 回復 2023-03-03
  • 1 回答
  • 0 關注
  • 148 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號