注册百度开发者的账号,用来申请密钥,从而使用百度的相关功能
http://lbsyun.baidu.com/index.php?title=%E9%A6%96%E9%A1%B5
我使用的是web端JavaScript API V2.0,按照官方提示的步骤,直至获取密钥

百度地图的展示
引入百度地图API文件

将这段代码添加到src目录下的的index.html当中,切记,尽量放在的前面,貌似和ionic的加载机制有关系。
然后在需要引用的html文件中添加

其中mapscss指定的样式为

在ts文件中首先添加


展示这么多只是想表达大概长什么样子,之后的代码也是添加在这个地方,但是如果仅仅想要展示的话,只需要以下几行代码


网友评论