हैलो, मैं एक छोटा सा सवाल है।
मैं HTML में HTML मैप के साथ iframe कैसे डाल सकता हूं?
<canvas id="google_map" width="600" height="400">
<iframe width="600" height="390" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src=""></iframe>
</canvas>
उत्तर:
जवाब के लिए 0 № 1दुर्भाग्य से आप कैनवस टैग के अंदर एक iFrame नहीं डाल सकते हैं। हालांकि आप कैनवास तत्व पर अपने iFrame को ओवरले करने के लिए सापेक्ष स्थिति का उपयोग कर सकते हैं:
<style type="text/css">
canvas {
width: 600px;
height: 400px;
}
iframe {
position: relative;
top: -400px;
width: 600px;
height: 400px;
}
</style>
<canvas></canvas>
<iframe src=""></iframe>
हालाँकि मुझे एक बात कहनी है कि फ्रेम का इस्तेमाल करना आम तौर पर वेब डेवलपमेंट में अनुभवहीनता का संकेत है। आपके इनका इस्तेमाल करने की संभावना है
जवाब के लिए 0 № 2
आप कैनवास में नक्शा डालने की जरूरत नहीं है ...
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div style="width: 100%; margin-top: 50px;">
<iframe src="https://www.google.com/maps/embed?pb=!1m16!1m12!1m3!1d2965.0824050173574!2d-93.63905729999999!3d41.998507000000004!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!2m1!1sWebFilings%2C+University+Boulevard%2C+Ames%2C+IA!5e0!3m2!1sen!2sus!4v1390839289319" width="100%" height="200" frameborder="0" style="border:0"></iframe>
</div>