[GIS] How to add title to mapbox embed</h1> </header> <p style='font-size:1.2em'><span class="mr-2 badge badge-success">mapbox</span><span class="mr-2 badge badge-info">tilemill</span><span class="mr-2 badge badge-warning">web-mapping</span></p> <div class="entry-content"> <p>I am embedding a map I made in Tilemill/Mapbox onto a Wix website. Items of the map such as legend, title, and description are not automatically included in the embed. I learned how to add the legend by simply adding ,legend, in the code below. However, I do not know how to add the title and description of the map as you see it here: <a href="https://a.tiles.mapbox.com/v3/yolivens.hgck7b4h/page.html?secure=1#4/40.85/-94.48" rel="nofollow noreferrer">https://a.tiles.mapbox.com/v3/yolivens.hgck7b4h/page.html?secure=1#4/40.85/-94.48</a></p> <p>Here is my current code:</p> <p><img src="https://i.stack.imgur.com/1jxu1.png" alt="enter image description here"/></p> <p>What would I need to do to add the title and description? I am above all concerned about the title. </p> </div> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8728145350222960" data-ad-slot="6618874009" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div id="comments" class="comments-area"> <div class="row"> <div class="col-12"> <div class="mt-3 border-bottom border-success"> <h4 class="text-success"><i class='fa fa-check-circle text-success mr-3'></i><span>Best Answer</span></h4> </div> <div class='bg-transparent mb-3'> <p>Use the good URL (the one that shows the description and the title) as the src link in your iframe.</p> <p>Like this:</p> <pre><code><iframe width='100%' height='500px' frameborder='0' src='https://a.tiles.mapbox.com/v3/yolivens.hgck7b4h/page.html?secure=1#4/40.85/-94.48'></iframe> </code></pre> </div> </div> <div class="col-4"></div> </div> </div> <div id="related-embeded" class="related-embeded-area"><div class="row"><div class="col-12"><div class="mt-3 border-bottom border-success"><h4 class="text-info"><i class='fa fa-check-circle text-info mr-3'></i><span>Related Solutions</span></h4></div><div class="mt-3 mb-3 border-bottom"><h5><a href='https://imathworks.com/gis/gis-leaflet-rendering-tilemill-tiles-in-the-wrong-order/'>[GIS] Leaflet rendering TileMill tiles in the wrong order</a></h5></div><div class='bg-transparent mb-3'> <p>You forgot to add Leaflet CSS:</p> <pre><code><link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" /> </code></pre> <p>Also there are numerous typos in your code: for example, in <code>html, body{}</code> stylesheet line. Do check for them before deploying to production.</p> </div><div class="mt-3 mb-3 border-bottom"><h5><a href='https://imathworks.com/gis/gis-mapbox-cluster-tiles-not-displaying/'>[GIS] Mapbox cluster tiles not displaying.</a></h5></div><div class='bg-transparent mb-3'> <p>looks like the data source you use has err or just be empty. here is what I got from querying the datasource <a href="https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/4.5_hour.geojson" rel="nofollow noreferrer">https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/4.5_hour.geojson</a>: </p> <p>result:<code>{"type":"FeatureCollection","metadata":{"generated":1479611702000,"url":"http://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/4.5_hour.geojson","title":"USGS Magnitude 4.5+ Earthquakes, Past Hour","status":200,"api":"1.5.2","count":0},"features":[]}</code></p> <p>you can try to download data to local and load to map to test the sample code.</p> </div></div></div></div> </div> <div class="col-12 col-md-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8728145350222960" data-ad-slot="1340983829" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class='mt-3 ml-4 border-bottom border-success'><h6><span>Related Question</span></h6></div><ul class='list-group list-group-flush'><li class="list-group-item"><a href='https://imathworks.com/gis/gis-working-with-polar-projections-in-mapbox/'>[GIS] Working with polar projections in Mapbox</a></li><li class="list-group-item"><a href='https://imathworks.com/gis/gis-mapbox-gl-js-setting-bounds-of-raster-tile-layer/'>gdal – Setting Bounds of Raster Tile Layer in Mapbox GL JS</a></li></ul> </div> </div> <footer class="entry-footer"> </footer> </article> </div> </div> </div> </main> </div> </div> <footer id="colophon" class="site-footer"> <div class="site-info"> </div> </footer> </div> <script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/esm/popper.min.js?ver=1.14.7' id='popper-js'></script> <script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js?ver=4.3.1' id='bootstrap4-js'></script> <script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-AMS_HTML-full&ver=2.7.5' id='mathJax-script-js'></script> <script type='text/javascript' src='https://imathworks.com/wp-includes/js/comment-reply.min.js?ver=5.9.10' id='comment-reply-js'></script> </body> </html>