加工前の map_block の内包エレメント(初期表示)

<div style="height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; background-color: rgb(229, 227, 223);">
  <div class="gm-style" style="position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; padding: 0px; border-width: 0px; margin: 0px; z-index: 0;">
    <div style="position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; padding: 0px; border-width: 0px; margin: 0px; z-index: 0; cursor: url(&quot;https://maps.gstatic.com/mapfiles/openhand_8_8.cur&quot;), default;">
      <div style="position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%;">
        <div style="position: absolute; left: 0px; top: 0px; z-index: 100; width: 100%;">
          <div style="position: absolute; left: 0px; top: 0px; z-index: 0;">
            <div aria-hidden="true" style="position: absolute; left: 0px; top: 0px; z-index: 1; visibility: inherit;">
              <div style="width: 256px; height: 256px; position: absolute; left: -46px; top: -14px;"></div>
              <div style="width: 256px; height: 256px; position: absolute; left: -46px; top: 242px;"></div>
              <div style="width: 256px; height: 256px; position: absolute; left: 210px; top: -14px;"></div>
              <div style="width: 256px; height: 256px; position: absolute; left: 210px; top: 242px;"></div>
            </div>
          </div>
        </div>
        <div style="position: absolute; left: 0px; top: 0px; z-index: 101; width: 100%;"></div>
        <div style="position: absolute; left: 0px; top: 0px; z-index: 102; width: 100%;"></div>
        <div style="position: absolute; left: 0px; top: 0px; z-index: 103; width: 100%;">
          <div style="position: absolute; left: 0px; top: 0px; z-index: -1;">
            <div aria-hidden="true" style="position: absolute; left: 0px; top: 0px; z-index: 1; visibility: inherit;">
              <div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -46px; top: -14px;"></div>
              <div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -46px; top: 242px;"></div>
              <div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 210px; top: -14px;"></div>
              <div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 210px; top: 242px;"></div>
            </div>
          </div>
        </div>
        <div style="position: absolute; z-index: 0; left: 0px; top: 0px;">
          <div style="overflow: hidden; width: 400px; height: 400px;">
            <img src="https://maps.googleapis.com/maps/api/js/StaticMapService.GetMapImage?1m2&1i14898990&2i6607630&2e1&3u16&4m2&1u400&2u400&5m5&1e0&5sen-US&6sus&10b1&12b1&token=25276" style="width: 400px; height: 400px;">
          </div>
        </div>
        <div style="position: absolute; left: 0px; top: 0px; z-index: 0;">
          <div aria-hidden="true" style="position: absolute; left: 0px; top: 0px; z-index: 1; visibility: inherit;">
            <div style="position: absolute; left: -46px; top: 242px; transition: opacity 200ms ease-out 0s;">
              <img alt="" draggable="false" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i16!2i58199!3i25812!4i256!2m3!1e0!2sm!3i373056538!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0&token=130111" style="width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;">
            </div>
            <div style="position: absolute; left: -46px; top: -14px; transition: opacity 200ms ease-out 0s;">
              <img alt="" draggable="false" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i16!2i58199!3i25811!4i256!2m3!1e0!2sm!3i373056562!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0&token=35050" style="width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;">
            </div>
            <div style="position: absolute; left: 210px; top: -14px; transition: opacity 200ms ease-out 0s;">
              <img alt="" draggable="false" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i16!2i58200!3i25811!4i256!2m3!1e0!2sm!3i373056562!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0&token=22389" style="width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;">
            </div>
            <div style="position: absolute; left: 210px; top: 242px; transition: opacity 200ms ease-out 0s;">
              <img alt="" draggable="false" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i16!2i58200!3i25812!4i256!2m3!1e0!2sm!3i373056538!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0&token=117450" style="width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;">
            </div>
          </div>
        </div>
      </div>
      <div style="position: absolute; left: 0px; top: 0px; z-index: 2; height: 100%; width: 100%; padding: 0px; border-width: 0px; margin: 0px;"></div>
      <div style="position: absolute; left: 0px; top: 0px; z-index: 3; height: 100%; width: 100%; padding: 0px; border-width: 0px; margin: 0px;"></div>
      <div style="position: absolute; left: 0px; top: 0px; z-index: 4; width: 100%;">
        <div style="position: absolute; left: 0px; top: 0px; z-index: 104; width: 100%;"></div>
        <div style="position: absolute; left: 0px; top: 0px; z-index: 105; width: 100%;"></div>
        <div style="position: absolute; left: 0px; top: 0px; z-index: 106; width: 100%;"></div>
        <div style="position: absolute; left: 0px; top: 0px; z-index: 107; width: 100%;"></div>
      </div>
      <iframe style="visibility: hidden; z-index: 0; position: absolute; height: 100%; width: 100%; padding: 0px; border-width: 0px; margin: 0px; left: 0px; top: 0px;"></iframe>
    </div>
    <div style="margin-left: 5px; margin-right: 5px; z-index: 1000000; position: absolute; left: 0px; bottom: 0px;">
      <a title="Click to see this area on Google Maps" href="https://maps.google.com/maps?ll=35.658034,139.701936&z=16&t=m&hl=en-US&gl=US&mapclient=apiv3" target="_blank" style="position: static; overflow: visible; float: none; display: inline;">
        <div style="width: 66px; height: 26px; cursor: pointer;">
          <img draggable="false" src="https://maps.gstatic.com/mapfiles/api-3/images/google4.png" style="position: absolute; left: 0px; top: 0px; width: 66px; height: 26px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px;">
        </div>
      </a>
    </div>
    <div style="background-color: white; padding: 15px 21px; border: 1px solid rgb(171, 171, 171); font-family: Roboto,Arial,sans-serif; color: rgb(34, 34, 34); box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2); z-index: 10000002; display: none; width: 256px; height: 148px; position: absolute; left: 50px; top: 110px;">
      <div style="padding: 0px 0px 10px; font-size: 16px;">Map Data</div>
      <div style="font-size: 13px;">Map data &#169;2017 Google, ZENRIN</div>
      <div style="width: 13px; height: 13px; overflow: hidden; position: absolute; opacity: 0.7; right: 12px; top: 12px; z-index: 10000; cursor: pointer;">
        <img draggable="false" src="https://maps.gstatic.com/mapfiles/api-3/images/mapcnt6.png" style="position: absolute; left: -2px; top: -336px; width: 59px; height: 492px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;">
      </div>
    </div>
    <div style="z-index: 1000001; position: absolute; right: 69px; bottom: 0px; width: 160px;" class="gmnoprint">
      <div class="gm-style-cc" style="-moz-user-select: none; height: 14px; line-height: 14px;" draggable="false">
        <div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;">
          <div style="width: 1px;"></div>
          <div style="background-color: rgb(245, 245, 245); width: auto; height: 100%; margin-left: 1px;"></div>
        </div>
        <div style="position: relative; padding-right: 6px; padding-left: 6px; font-family: Roboto,Arial,sans-serif; font-size: 10px; color: rgb(68, 68, 68); white-space: nowrap; direction: ltr; text-align: right; vertical-align: middle; display: inline-block;">
          <a style="color: rgb(68, 68, 68); text-decoration: none; cursor: pointer; display: none;">Map Data</a>
          <span style="">Map data &#169;2017 Google, ZENRIN</span>
        </div>
      </div>
    </div>
    <div style="position: absolute; right: 0px; bottom: 0px;" class="gmnoscreen">
      <div style="font-family: Roboto,Arial,sans-serif; font-size: 11px; color: rgb(68, 68, 68); direction: ltr; text-align: right; background-color: rgb(245, 245, 245);">Map data &#169;2017 Google, ZENRIN</div>
    </div>
    <div draggable="false" style="z-index: 1000001; -moz-user-select: none; height: 14px; line-height: 14px; position: absolute; right: 0px; bottom: 0px;" class="gmnoprint gm-style-cc">
      <div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;">
        <div style="width: 1px;"></div>
        <div style="background-color: rgb(245, 245, 245); width: auto; height: 100%; margin-left: 1px;"></div>
      </div>
      <div style="position: relative; padding-right: 6px; padding-left: 6px; font-family: Roboto,Arial,sans-serif; font-size: 10px; color: rgb(68, 68, 68); white-space: nowrap; direction: ltr; text-align: right; vertical-align: middle; display: inline-block;">
        <a target="_blank" href="https://www.google.com/intl/en-US_US/help/terms_maps.html" style="text-decoration: none; cursor: pointer; color: rgb(68, 68, 68);">Terms of Use</a>
      </div>
    </div>
    <div style="cursor: pointer; width: 25px; height: 25px; overflow: hidden; display: none; margin: 10px 14px; position: absolute; top: 0px; right: 0px;">
      <img class="gm-fullscreen-control" draggable="false" src="https://maps.gstatic.com/mapfiles/api-3/images/sv9.png" style="position: absolute; left: -52px; top: -86px; width: 164px; height: 175px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px;">
    </div>
    <div class="gm-style-cc" style="-moz-user-select: none; height: 14px; line-height: 14px; display: none; position: absolute; right: 0px; bottom: 0px;" draggable="false">
      <div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;">
        <div style="width: 1px;"></div>
        <div style="background-color: rgb(245, 245, 245); width: auto; height: 100%; margin-left: 1px;"></div>
      </div>
      <div style="position: relative; padding-right: 6px; padding-left: 6px; font-family: Roboto,Arial,sans-serif; font-size: 10px; color: rgb(68, 68, 68); white-space: nowrap; direction: ltr; text-align: right; vertical-align: middle; display: inline-block;">
        <a href="https://www.google.com/maps/@35.658034,139.701936,16z/data=!10m1!1e1!12b1?source=apiv3&rapsrc=apiv3" style="font-family: Roboto,Arial,sans-serif; font-size: 10px; color: rgb(68, 68, 68); text-decoration: none; position: relative;" title="Report errors in the road map or imagery to Google" target="_new">Report a map error</a>
      </div>
    </div>
    <div controlheight="93" controlwidth="28" draggable="false" style="margin: 10px; -moz-user-select: none; position: absolute; bottom: 107px; right: 28px;" class="gmnoprint gm-bundled-control gm-bundled-control-on-bottom">
      <div controlheight="55" controlwidth="28" style="position: absolute; left: 0px; top: 38px;" class="gmnoprint">
        <div style="-moz-user-select: none; box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3); border-radius: 2px; cursor: pointer; background-color: rgb(255, 255, 255); width: 28px; height: 55px;" draggable="false">
          <div style="position: relative; width: 28px; height: 27px; left: 0px; top: 0px;" title="Zoom in">
            <div style="overflow: hidden; position: absolute; width: 15px; height: 15px; left: 7px; top: 6px;">
              <img draggable="false" src="https://maps.gstatic.com/mapfiles/api-3/images/tmapctrl.png" style="position: absolute; left: 0px; top: 0px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none; width: 120px; height: 54px;">
            </div>
          </div>
          <div style="position: relative; overflow: hidden; width: 67%; height: 1px; left: 16%; background-color: rgb(230, 230, 230); top: 0px;"></div>
          <div style="position: relative; width: 28px; height: 27px; left: 0px; top: 0px;" title="Zoom out">
            <div style="overflow: hidden; position: absolute; width: 15px; height: 15px; left: 7px; top: 6px;">
              <img draggable="false" src="https://maps.gstatic.com/mapfiles/api-3/images/tmapctrl.png" style="position: absolute; left: 0px; top: -15px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none; width: 120px; height: 54px;">
            </div>
          </div>
        </div>
      </div>
      <div controlheight="28" controlwidth="28" style="background-color: rgb(255, 255, 255); box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3); border-radius: 2px; width: 28px; height: 28px; cursor: url(&quot;https://maps.gstatic.com/mapfiles/openhand_8_8.cur&quot;), default; position: absolute; left: 0px; top: 0px;" class="gm-svpc">
        <div style="position: absolute; left: 1px; top: 1px;"></div>
        <div style="position: absolute; left: 1px; top: 1px;">
          <div aria-label="Street View Pegman Control" style="width: 26px; height: 26px; overflow: hidden; position: absolute; left: 0px; top: 0px;">
            <img draggable="false" src="https://maps.gstatic.com/mapfiles/api-3/images/cb_scout5.png" style="position: absolute; left: -147px; top: -26px; width: 215px; height: 835px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;">
          </div>
          <div aria-label="Pegman is on top of the Map" style="width: 26px; height: 26px; overflow: hidden; position: absolute; left: 0px; top: 0px; visibility: hidden;">
            <img draggable="false" src="https://maps.gstatic.com/mapfiles/api-3/images/cb_scout5.png" style="position: absolute; left: -147px; top: -52px; width: 215px; height: 835px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;">
          </div>
          <div aria-label="Street View Pegman Control" style="width: 26px; height: 26px; overflow: hidden; position: absolute; left: 0px; top: 0px; visibility: hidden;">
            <img draggable="false" src="https://maps.gstatic.com/mapfiles/api-3/images/cb_scout5.png" style="position: absolute; left: -147px; top: -78px; width: 215px; height: 835px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;">
          </div>
        </div>
      </div>
      <div style="display: none; position: absolute;" controlheight="0" controlwidth="28" class="gmnoprint">
        <div title="Rotate map 90 degrees" style="width: 28px; height: 28px; overflow: hidden; position: absolute; border-radius: 2px; box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3); cursor: pointer; background-color: rgb(255, 255, 255); display: none;">
          <img draggable="false" src="https://maps.gstatic.com/mapfiles/api-3/images/tmapctrl4.png" style="position: absolute; left: -141px; top: 6px; width: 170px; height: 54px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;">
        </div>
        <div class="gm-tilt" style="width: 28px; height: 28px; overflow: hidden; position: absolute; border-radius: 2px; box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3); top: 0px; cursor: pointer; background-color: rgb(255, 255, 255);">
          <img draggable="false" src="https://maps.gstatic.com/mapfiles/api-3/images/tmapctrl4.png" style="position: absolute; left: -141px; top: -13px; width: 170px; height: 54px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;">
        </div>
      </div>
    </div>
    <div style="margin: 10px; z-index: 0; position: absolute; cursor: pointer; left: 0px; top: 0px;" class="gmnoprint">
      <div class="gm-style-mtc" style="float: left;">
        <div title="Show street map" draggable="false" style="direction: ltr; overflow: hidden; text-align: center; position: relative; color: rgb(0, 0, 0); font-family: Roboto,Arial,sans-serif; -moz-user-select: none; font-size: 11px; background-color: rgb(255, 255, 255); padding: 8px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; background-clip: padding-box; box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3); min-width: 21px; font-weight: 500;">Map</div>
        <div style="background-color: white; z-index: -1; padding: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3); position: absolute; left: 0px; top: 30px; text-align: left; display: none;">
          <div title="Show street map with terrain" draggable="false" style="color: rgb(0, 0, 0); font-family: Roboto,Arial,sans-serif; -moz-user-select: none; font-size: 11px; background-color: rgb(255, 255, 255); padding: 6px 8px 6px 6px; direction: ltr; text-align: left; white-space: nowrap;">
            <span style="box-sizing: border-box; position: relative; line-height: 0; font-size: 0px; margin: 0px 5px 0px 0px; display: inline-block; background-color: rgb(255, 255, 255); border: 1px solid rgb(198, 198, 198); border-radius: 1px; width: 13px; height: 13px; vertical-align: middle;" role="checkbox">
              <div style="position: absolute; left: 1px; top: -2px; width: 13px; height: 11px; overflow: hidden; display: none;">
                <img draggable="false" src="https://maps.gstatic.com/mapfiles/mv/imgs8.png" style="position: absolute; left: -52px; top: -44px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none; width: 68px; height: 67px;">
              </div>
            </span>
            <label style="vertical-align: middle; cursor: pointer;">Terrain</label>
          </div>
        </div>
      </div>
      <div class="gm-style-mtc" style="float: left;">
        <div title="Show satellite imagery" draggable="false" style="direction: ltr; overflow: hidden; text-align: center; position: relative; color: rgb(86, 86, 86); font-family: Roboto,Arial,sans-serif; -moz-user-select: none; font-size: 11px; background-color: rgb(255, 255, 255); padding: 8px; border-bottom-right-radius: 2px; border-top-right-radius: 2px; background-clip: padding-box; box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3); border-left: 0px none; min-width: 37px;">Satellite</div>
        <div style="background-color: white; z-index: -1; padding: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3); position: absolute; right: 0px; top: 30px; text-align: left; display: none;">
          <div title="Show imagery with street names" draggable="false" style="color: rgb(0, 0, 0); font-family: Roboto,Arial,sans-serif; -moz-user-select: none; font-size: 11px; background-color: rgb(255, 255, 255); padding: 6px 8px 6px 6px; direction: ltr; text-align: left; white-space: nowrap;">
            <span style="box-sizing: border-box; position: relative; line-height: 0; font-size: 0px; margin: 0px 5px 0px 0px; display: inline-block; background-color: rgb(255, 255, 255); border: 1px solid rgb(198, 198, 198); border-radius: 1px; width: 13px; height: 13px; vertical-align: middle;" role="checkbox">
              <div style="position: absolute; left: 1px; top: -2px; width: 13px; height: 11px; overflow: hidden;">
                <img draggable="false" src="https://maps.gstatic.com/mapfiles/mv/imgs8.png" style="position: absolute; left: -52px; top: -44px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none; width: 68px; height: 67px;">
              </div>
            </span>
            <label style="vertical-align: middle; cursor: pointer;">Labels</label>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>