小编Unc*_*owd的帖子

内联 SVG 未在谷歌地图中显示为标记

我在 Illustrator CC 中创建了一个 SVG,它在内联 JS 中声明为变量,尝试了 Illustrator 提供的所有选项,但没有 SVG 的工作。我试图在谷歌地图中使用这个 var 作为标记。我找到了这篇文章:https : //robert.katzki.de/posts/inline-svg-as-google-maps-marker并使用它的内联 SVG 工作,但我的 SVG 没有。有谁知道我应该如何在 Illustrator 中保存 SVG 以使其在 Google 地图中用作标记?这是我正在使用的代码(在本例中,我使用的是文章中的内联 SVG):

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="UTF-8">
    <script type="text/javascript"
      src="http://maps.google.com/maps/api/js?sensor=false&v=3.21.5a&libraries=drawing&signed_in=true&libraries=places,drawing"></script>
    <style type="text/css">
      #map, html, body {
        padding: 0;
        margin: 0;
        height: 90%;
      }
    </style>
    <script type="text/javascript">

function initialize() {

  map = new google.maps.Map(document.getElementById('map'), {
    zoom: 5,
    center: new google.maps.LatLng(41.0257978,21.293566),
    mapTypeId: google.maps.MapTypeId.SATELLITE,
    disableDefaultUI: true,
    zoomControl: false
  });

  var myIcon = …
Run Code Online (Sandbox Code Playgroud)

javascript svg google-maps

0
推荐指数
1
解决办法
2488
查看次数

标签 统计

google-maps ×1

javascript ×1

svg ×1