永不剩饭的小DouDou 2017-05-17 15:07 采纳率: 33.3%
浏览 1713
已采纳

angular4中使用谷歌地图googlemap,地图不展示的问题

在angular4里,构建了一个网页应用,在一个地图组件里,我试图调用googlemap的api使用地图服务,但是地图始终不展示出来:
地图组件代码如图
下面是component.html文件的完整代码:


src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD2RsTJUIjfDXs7N2sBIWCE8HPGEu6nxB0&callback=initMap"><br>
<br> alert(&quot;s&quot;);<br> // This example adds a marker to indicate the position of Bondi Beach in Sydney,<br> // Australia.<br> function initMap() {<br> var map = new google.maps.Map(document.getElementById(&#39;map&#39;), {<br> alert(&quot;sss&quot;);<br> zoom: 4,<br> center: {lat: -33, lng: 151}<br> });</p> <pre><code> var image = &#39;https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png&#39;; var beachMarker = new google.maps.Marker({ position: {lat: -33.890, lng: 151.274}, map: map, icon: image }); } &lt;/script&gt; </code></pre> <p><style><br> #map {<br> height: 400px;<br> width: 200px;<br> }<br> </style></p> <p>有意思的是,这一段我放在在线js工具里,都能出来地图,为什么这里就是出不来呢?可能是什么问题?在css文件里我也定义了宽高了。</p>
  • 写回答

3条回答 默认 最新

  • 永不剩饭的小DouDou 2017-05-18 06:52
    关注

    1楼的回答别浪费大家时间了。。。我肯定搜过了才会来csdn提问啊。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥15 PADS Logic 原理图
  • ¥15 PADS Logic 图标
  • ¥15 电脑和power bi环境都是英文如何将日期层次结构转换成英文
  • ¥20 气象站点数据求取中~
  • ¥15 如何获取APP内弹出的网址链接
  • ¥15 wifi 图标不见了 不知道怎么办 上不了网 变成小地球了
  • ¥50 STM32单片机传感器读取错误
  • ¥15 (关键词-阻抗匹配,HFSS,RFID标签天线)
  • ¥15 机器人轨迹规划相关问题
  • ¥15 word样式右侧翻页键消失