PROSAGA码农传奇-大数据安全-Cordova + Bing地图+内容安全政策

Cordova + Bing地图+内容安全政策

作者: 一别而尽几念深i
发布时间: 2024-09-05 04:33:08 (26天前)
转自：

<div class =“post-text”itemprop =“text”>
  <P>
    所以我最终放弃了Bing，并使用了GoogleMaps。说实话，第一次尝试就像魅力一样！非常适合使用Microsoft工具......
  </p>
  <P>
    无论如何...
  </p>
  <P>
    首先是加载gogle API
    的<strong>
      的index.html
    </强>
     ：
  </p>
   <pre>
    <code>
      <script src="http://maps.googleapis.com/maps/api/js"></script>

</code>
  </pre>
  <P>
    然后，在控制器中，在容器中添加GoogleMaps API（如果需要，还可以将引脚添加到中心：
  </p>
   <pre>
    <code>
      var tmpMap = new google.maps.Map(document.getElementById('myContainer'), {
    center: {
        lat: parseFloat($scope.lat),
        lng: parseFloat($scope.long)
    },
    zoom: 12,
    mapTypeId: google.maps.MapTypeId.ROADMAP
});

var tmpMarker = new window.google.maps.Marker({
  position: tmpMap.getCenter(),
  map: tmpMap,
  title: 'My Title'
});

</code>
  </pre>
  <P>
    然后，设置容器的大小（与BingMaps相反，Google不会调整容器的大小..所以没有大小，你将无法看到任何东西）
  </p>
  <P>
    最后，将CSP设置为接受来自googleapi.com/*的代码
在这个示例中，Il打开了CSP到一切，这对真正的应用程序来说不是一件好事：
  </p>
   <pre>
    <code>
      <meta http-equiv="Content-Security-Policy" content="default-src *; style-src * 'unsafe-inline'; script-src *">

</code>
  </pre>
  <P>
    瞧！
  </p>
  <P>
    谷歌是爱，谷歌是生命:)
  </p>
</DIV>