lansubao
boolwallet
采纳率33.3%
2017-05-17 15:07

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

20
已采纳

在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条回答

  • lansubao boolwallet 4年前

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

    点赞 评论 复制链接分享
  • lansubao boolwallet 4年前

    我找到的一个比较类似的问题是这个链接:https://segmentfault.com/q/1010000004015606 但是具体解决方案是什么,我没有看懂。因为我是angular4,不是angularjs

    点赞 评论 复制链接分享
  • devmiao devmiao 4年前
    点赞 评论 复制链接分享