Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

如何显示默认地图类型 #139

Open
evanyangg opened this issue Sep 8, 2021 · 7 comments
Open

如何显示默认地图类型 #139

evanyangg opened this issue Sep 8, 2021 · 7 comments

Comments

@evanyangg
Copy link

我这边想默认就显示卫星类型的地图
官网是这样的

aMap.setMapType(AMap.MAP_TYPE_SATELLITE);// 设置卫星地图模式,aMap是地图控制器对象。

但是我在这个项目里面只看到了AMap.MapType插件, 必须显示一个面板然后切换吗?

@jaywcjlove
Copy link
Member

@evanyangg

<MapTypeControl defaultType={1} />

@evanyangg
Copy link
Author

evanyangg commented Sep 9, 2021

image
看到效果了,还是显示了一个组件出来,默认了一个值。
支持这种方式吗 aMap.setMapType(AMap.MAP_TYPE_SATELLITE); 不太想显示控制UI,显示的东西多了,用户就会乱点,造成不必要的问题

@jaywcjlove
Copy link
Member

我看 2.0 没有这个 API 你可以看官方API @evanyangg

@jaywcjlove
Copy link
Member

@evanyangg 示例:https://codesandbox.io/embed/react-amap-demo-139-sj5z6?fontsize=14&hidenavigation=1&theme=dark

import React from "react";
import ReactDOM from "react-dom";
import { Map, APILoader } from "@uiw/react-amap";

function MapDome() {
  return <Map layers={[new AMap.TileLayer.Satellite()]} />;
}

const Demo = () => (
  <div style={{ width: "100%", height: "300px" }}>
    <APILoader akay="a7a90e05a37d3f6bf76d4a9032fc9129">
      <MapDome />
    </APILoader>
  </div>
);

ReactDOM.render(<Demo />, document.getElementById("container"));

@jaywcjlove
Copy link
Member

image

@evanyangg
Copy link
Author

感谢感谢🙏🙏
但是这种写法会有 AMap is not defined 的问题
后来我尝试在map里面操作,像这样:

{({ AMap, map, container }) => {
  map.setLayers([new AMap.TileLayer.Satellite({})])
  return;
}}

但是好像没有生效

@jaywcjlove
Copy link
Member

APILoaderMap 分开写就不会有 AMap is not defined 的问题了
#45 (comment)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants