HarmonyOS上开发高德地图

DevEco studio配置

1.deveco studio中新建项目

2.下载高德地图sdk

下载链接:相关下载-HarmonyOS 地图SDK | 高德地图API

3.把下载的sdk文件放在工程的libs目录下

4.在鸿蒙应用中引用依赖并同步到项目中

同步之后在ExternalLibraries中就可以看到引用的依赖了

高德地图控制台配置

1.控制台新建一个应用,控制台地址

key名称自取。
AppId获取方法:

在MainAbility.java的onStart方法中添加如下代码:

try {
    String AppId = getBundleManager().getBundleInfo(getBundleName(),0).getAppId();
    HiLog.info(label,AppId);
} catch (RemoteException e) {
    e.printStackTrace();
}

在Hilog窗口中即可查看到AppId。

代码编写

1.在config,json中配置权限

"reqPermissions": [
      {
        "usedScene": {
          "ability": [
            "com.example.harmonysearchsdk.MainAbility"
          ],
          "when": "always"
        },
        "reason": "request internet",
        "name": "ohos.permission.INTERNET"
      }
    ]

2.在代码中设置申请的Key,放到Application的初始化之中

MapsInitializer.setApiKey("String apikey");

apiKey 在高德官网上申请的apiKey

3. MainAblitySlice.java代码

public class MainAbilitySlice extends AbilitySlice {
    private MapView mapView;

    private AMap aMap;

    @Override
    public void onStart(Intent intent) {
        super.onStart(intent);
        super.setUIContent(ResourceTable.Layout_ability_main);

        initMap();
    }

    private void initMap(){
        mapView = new MapView(this);
        mapView.onCreate(null);
        mapView.onResume();
        ComponentContainer.LayoutConfig layoutConfig = new ComponentContainer.LayoutConfig(
                ComponentContainer.LayoutConfig.MATCH_PARENT,ComponentContainer.LayoutConfig.MATCH_PARENT
        );
        mapView.setLayoutConfig(layoutConfig);
        super.setUIContent(mapView);
        aMap = mapView.getMap();
        aMap.setOnMapLoadedListener(new AMap.OnMapLoadedListener() {
            @Override
            public void onMapLoaded() {

            }
        });
    }

    @Override
    public void onActive() {
        super.onActive();
    }

    @Override
    public void onForeground(Intent intent) {
        super.onForeground(intent);
    }

    @Override
    protected void onStop() {
        if(mapView != null){
            mapView.onDestroy();
        }
    }
}

  • 8
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
开发一个高德地图选址组件,需要使用高德地图 JavaScript API。以下是一些基本的步骤: 1. 注册高德开发者账号并创建应用,获取 API Key。 2. 引入高德地图 JavaScript API 库和相关插件。可以通过以下链接下载: http://webapi.amap.com/maps?v=1.4.15&key=YOUR_API_KEY 其中 YOUR_API_KEY 应该替换为实际的 API Key。 3. 创建一个 HTML 页面,并在其中添加一个包含地图的容器元素。 ```html <div id="mapContainer" style="width: 100%; height: 500px;"></div> ``` 4. 在 JavaScript 中使用高德地图 API 创建地图实例,并设置地图的中心点和缩放级别。 ```javascript var map = new AMap.Map('mapContainer', { center: [116.397428, 39.90923], zoom: 13 }); ``` 这里的 center 参数表示地图的中心点坐标,zoom 参数表示地图的缩放级别。 5. 添加搜索框和搜索按钮,并在按钮点击时触发搜索事件。 ```html <input type="text" id="searchInput" placeholder="请输入地址"> <button id="searchButton">搜索</button> ``` ```javascript document.getElementById('searchButton').addEventListener('click', function() { var address = document.getElementById('searchInput').value; AMap.plugin('AMap.PlaceSearch', function() { var placeSearch = new AMap.PlaceSearch({ map: map }); placeSearch.search(address); }); }); ``` 这里使用 AMap.PlaceSearch 插件进行地址搜索,并将搜索结果在地图上显示出来。 6. 完成以上步骤后,就可以在浏览器中查看效果了。输入地址并点击搜索按钮,地图会显示出对应的位置。 以上就是基本的开发步骤,具体的实现还需要根据实际需求进行调整。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值