Customize an embeded web map

ChristianSmith

I am using the following code to embed a web map on a web page. I would like to customize the banner color and maybe play with some of the text fonts etc. Is there a way to customize the embeded map styles?

<div class="col col1_1" align="Center">
                <iframe width="500" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://tpl.maps.arcgis.com/home/webmap/templates/OnePane/basicviewer/embed.html?webmap=c9729a84beee4ded9bd61f2b61598e0c&gcsextent=-122.2583,36.9674,-122.0977,37.0678&displayscalebar=true&displaylegend=true"></iframe>
                </p>
                <small>
                <a href="http://tpl.maps.arcgis.com/home/webmap/viewer.html?webmap=c9729a84beee4ded9bd61f2b61598e0c&extent=-122.2583,36.9674,-122.0977,37.0678" style="color:#0000FF;text-align:left" target="_blank">View larger map</a>
                </small>
            </div>

khutchins

Hi Christian,

In the iframe code does the url include OnePane/basicviewer? If so then you can't customize the font but you can choose from a set of pre-defined color themes. The available colors are orange, green, blue, gray and purple. To change the color you'll need to add a theme parameter to the url. Here's an example that shows the green theme.

src="http://jsapi.maps.arcgis.com/home/webmap/templates/OnePane/basicviewer/embed.html?webmap=106d8ef38ae04a1eb120fa8645207a95&gcsextent=-122.3446,47.6096,-122.3388,47.6128&displayslider=true&displaysearch=true&theme=green"