时间戳

首页 > 解决方案 > 将默认坐标放在天蓝色反应地图代码中的位置（Map.js）

reactjs - 将默认坐标放在天蓝色反应地图代码中的位置（Map.js）

问题描述

如您所见，这是我的 js 代码，我正在尝试使用 react-azure-maps 进行定位。但是定位器显示在坐标[0,0]，而不是我们要求的位置，例如 <LocationMarker center= {78.9629, 20.5937}/>，有人可以解决这个问题吗？[[1]：https://i.stack .imgur.com/PSC90.png][1]

import React from 'react'
import {AzureMap, AzureMapsProvider, IAzureMapOptions} from 'react-azure-maps'
import {AuthenticationType} from 'azure-maps-control'
import LocationMarker from './LocationMarker'
const option: IAzureMapOptions = {
    authOptions: {
        authType: AuthenticationType.subscriptionKey,
        subscriptionKey: '<key>'
    },
}
const Map = (center,zoom) => {
    return(
        <div style={{height: '1300px'}}>
            <AzureMapsProvider>
                <AzureMap options={option}>
                    <LocationMarker center= {78.9629, 20.5937}/>
                </AzureMap>
                
            </AzureMapsProvider>
        </div>
    )
}
export default Map

请检查图像并告诉错误在哪里输出如下所示[[2]：https://i.stack.imgur.com/tq0Cx.png][2]定位器位置错误

标签： reactjsazuremaps

解决方案

推荐阅读