0

英国国家統計局は、英国の 2011 年の国勢調査からのデータへのアクセスを提供します。彼らが提供する 1 つのアクセス方法は、SOAP API によるもので、NeSS Data Exchange V2.0ページで API を使用する方法の例を示しています。1 つの例を機能させるのに問題があります。ZIP NDE Hub Client REST v2.0 (Zip) 37 MbのNDE v2.0 Excel Clientの下にあります。これは、ユーザーが保存されたデータのリポジトリを構築し、それをSVGテーママップ」。

マップ<DIV>SVG データは、これらの行によってページに追加されます ('Sources/ThematicMap.htm' 内)。

document.writeln('<DIV id=mapPanel style="position:absolute;left:26%;top:7%; height=63%; width=50%;">')
document.writeln('<EMBED height=100% width=100% name=svgMap src="../Boundaries/' + svgFile + '" type=image/svg-xml>')
document.writeln('</DIV>');

(注意:元のコードは です..\\Boundaries\\が、に変更しました../Boundaries/。どちらも同じエラーにつながります。)

その中間行にブレークポイントを置くと、svgFile変数が「la_12UB.svg」に設定され、そのファイルが「Boundaries」ディレクトリに存在することがわかります。これが「Boundaries/la_12UB.svg」の起動方法です。

<?xml version="1.0" encoding="iso-8859-1"?>
<?xml-stylesheet type="text/css" href="external.css" ?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20000303 Stylable//EN" "http://www.w3.org/TR/2000/03/WD-SVG-20000303/DTD/svg-20000303-stylable.dtd">
<svg xml:space="preserve"  preserveAspectRatio="xMinYMin meet" id="MainSVG" width="395" height="420" viewBox="0 0 900 650"> 
  <g class="mapEdge" opacity="0.2">
      <rect x="0" y="0" width="100%" height="100%"/>            
  </g>
  <svg xml:space="preserve" preserveAspectRatio="xMinYMin meet" id="Map" onload="init(evt)" width="100%" height="100%" viewBox="541512 -262080 7829 10000">
      <g class="mapBackground" transform="translate(1000,500) scale(1, -1)">
          <path id="00JA" d="M 533246,308907 534698,301468 539690,302984 540167,303513 539729,302866 534716,301443 527492,299370 527194,299301 522976,298284 523340,298070 522788,297938 522896,297322 522287,296297 522752,296256 523134,295665 522992,295319 522142,295666 521979,295371 521209,295267 520981,294831 520598,295324 519801,295441 519692,294834 520037,294424 519608,293815 519307,293871 519182,293126 517207,292629 517375,292088 516523,291182 516301,291471 515933,291255 515710,292076 514043,294384 513155,295603 513611,295848 513756,296170 513511,296320 512826,296386 512500,296931 512035,297564 510765,297353 510349,297748 509529,297818 509347,298690 508718,299559 507903,299503 507472,299058 506810,299452 503855,298555 503186,298398 503176,298820 502294,299230 501879,299841 502341,300260 502671,301563 502968,301637 503035,302936 503435,302942 503614,303338 503418,304478 502550,305148 502370,304967 501950,305791 502644,306453 503260,306347 503212,306752 503764,306896 504753,306844 504914,307391 507122,306620 507966,306784 508919,307439 510829,308187 511058,308184 512364,308996 512669,309872 514367,309757 516476,308975 517551,307531 517895,307411 520168,309004 520976,309160 521409,309326 522343,307609 523190,308534 525850,307595 525946,307970 528419,309965 529405,309387 530284,310000 530904,310008 531006,310370 531399,310254 532300,309733 533178,309331 533246,308907 z"/>

つまり、正しく形成され、SVG データでいっぱいになっているように見えます。

「Sources/ThematicMap.htm」にも行が含まれています

<BODY onload="initialise()">

initialise「Includes/Startup.js」を呼び出します。initialise例外がスローされる場所です。コードが行に到達したとき

svgMapDoc = document.svgMap.getSVGDocument();

エラー0x80020003 - JavaScript runtime error: Member not foundが発生します。ブレークポイントを設定すると、それはnorでdocument.svgMapはないことがわかりますが、予想される豊富なパスデータではなく、デフォルト値でいっぱいのように見えます(しかし、それをどこで探すべきかわかりません)。nullundefined

質問埋め込まれた SVG ドキュメントが html ページに読み込まれているかどうかを確認するにはどうすればよいですか? 関連する可能性があります。Erik Dahlström の回答onloadは、彼が示唆するように既に依存しているため、使用できません。私はこうしてモッキーの答えを試しました

function checkSVGMapReady() {
    try {
        svgMapDoc = document.svgMap.getSVGDocument();
    } catch (e) { }
    if (svgMapDoc === undefined) {
        setTimeout("checkSVGMapReady()", 300);
    } else {
        svgMapReady();
    }
}

しかし、反復呼び出しのたびに同じエラーがキャッチされます。

(注: サンプルは IE6、IE7、Firefox 2 でテストされていると思います。少なくとも、IE10 を使用しているときに、別のサンプルの readme ファイルにはそのように記載されています。Chrome と Firefox も試しましたが、試していません。同じエラー メッセージを参照してください。レンダリングされた SVG データも表示されません。)

への呼び出しgetSVGDocumentがスローされている理由0x80020003 - JavaScript runtime error: Member not foundとそれを修正する方法を知っている人はいますか?

4

1 に答える 1

2

ここにはいくつかの問題があるようです。

type=image/svg-xml無効です。を使用する必要がありますtype=image/svg+xml。

それなら、これをやってみたらいいと思います...

  if (document.svgMap && document.svgMap.contentDocument)
    svgMapDoc = document.svgMap.contentDocument;
  else try {
    svgMapDoc = document.svgMap.getSVGDocument();
  }
  catch(exception) {
    alert('Neither the HTMLObjectElement nor the GetSVGDocument interface are implemented');
  }

最後に、svgMapDoc を初期化するコードは本体の onload イベントから呼び出されますが、それをトリガーするのは埋め込みの onload である必要があり、次のようになります...

document.writeln('<EMBED height=100% width=100% onload="initialise()" name=svgMap src="../Boundaries/' + svgFile + '" type=image/svg+xml>')
于 2013-05-15T07:39:53.390 に答える