ionic中typescript javascript调用高德地图

这两天在研究web前端用js调用高德地图并且实现常用的功能，高德地图API官网都有详细的demo只要认真看看在html界面基本都能实现；但是在ionic框架中同样在html的js实现的功能就会出问题，对ionic框架不算太熟悉看的例子了解到它的大概思路：在html页面定义的标签类型需要根据id在ts中构造实现功能函数进行调用，大部分js的代码ts是可以兼容的不过也有特殊情况需要做改动

eg：获取input中value的值或通过value改变文本框内的显示内容,html中<input id="ct" />

在js中常用的方法

 

document.getElementById('ct').value = '您当前所在城市：'+cityinfo;

document.getElementById('ct').src="url";

但是在ts中这样的写法value和src会被识别不出来需要改为

(document.getElementsByName("ct")[0] as HTMLInputElement).value='您当前所在城市：'+cityinfo;

(document.getElementsByName("ct")[0] as HTMLInputElement).src="url";